diff --git a/Material/LICENSE.txt b/Material/LICENSE.txt
new file mode 100644
index 000000000..f288702d2
--- /dev/null
+++ b/Material/LICENSE.txt
@@ -0,0 +1,674 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://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 <https://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
+<https://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
+<https://www.gnu.org/licenses/why-not-lgpl.html>.
diff --git a/Material/README.md b/Material/README.md
new file mode 100644
index 000000000..c623539c8
--- /dev/null
+++ b/Material/README.md
@@ -0,0 +1,13 @@
+## Material Gtk theme
+
+Theme supports gtk2, gtk3, gtk4, and cinnamon.
+
+This is a repackaging of the Material Gtk theme for convenience of installation and ease of configuration. All credit for the theme goes to the original author(s). See [https://github.com/Fausto-Korpsvart/Material-GTK-Themes](https://github.com/Fausto-Korpsvart/Material-GTK-Themes) for more information.
+
+## Installation
+
+Most easily installed via Cinnamon's Themes module in Cinnamon settings.
+
+## Options/Configuration
+
+Two color schemes, and other options are available. Simply go to `~/.themes/Material` directory and run `options.py`
diff --git a/Material/Screenshot.png b/Material/Screenshot.png
new file mode 100644
index 000000000..037c99149
Binary files /dev/null and b/Material/Screenshot.png differ
diff --git a/Material/files/Material/LICENSE b/Material/files/Material/LICENSE
new file mode 100644
index 000000000..f288702d2
--- /dev/null
+++ b/Material/files/Material/LICENSE
@@ -0,0 +1,674 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://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 <https://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
+<https://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
+<https://www.gnu.org/licenses/why-not-lgpl.html>.
diff --git a/Material/files/Material/cinnamon/assets/add-workspace-active.svg b/Material/files/Material/cinnamon/assets/add-workspace-active.svg
new file mode 100644
index 000000000..4b742855e
--- /dev/null
+++ b/Material/files/Material/cinnamon/assets/add-workspace-active.svg
@@ -0,0 +1,12 @@
+<svg width="35" height="200" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter4154" x="-.132" y="-.020842" width="1.264" height="1.0417" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="1.6500004"/>
+  </filter>
+ </defs>
+ <g transform="translate(0 -852.36)" shape-rendering="auto">
+  <path d="m7.2 858.36h28v190h-28c-1.108 0-2-0.892-2-2v-186c0-1.108 0.892-2 2-2z" color="#000000" color-rendering="auto" fill="#000000" fill-opacity=".44" filter="url(#filter4154)" image-rendering="auto" opacity=".9" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal"/>
+  <path d="m7 857.36h28v190h-28c-1.108 0-2-0.892-2-2v-186c0-1.108 0.892-2 2-2z" color="#000000" color-rendering="auto" fill="#333333" image-rendering="auto" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal"/>
+  <path transform="translate(0 852.36)" d="m18 94c-0.554 0-1 0.446-1 1v4h-4c-0.554 0-1 0.446-1 1s0.446 1 1 1h4v4c0 0.554 0.446 1 1 1s1-0.446 1-1v-4h4c0.554 0 1-0.446 1-1s-0.446-1-1-1h-4v-4c0-0.554-0.446-1-1-1zm8 6a8 8 0 0 1-8 8 8 8 0 0 1-8-8 8 8 0 0 1 8-8 8 8 0 0 1 8 8z" color="#000000" color-rendering="auto" fill="#eceff1" image-rendering="auto" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal"/>
+ </g>
+</svg>
diff --git a/Material/files/Material/cinnamon/assets/add-workspace-hover.svg b/Material/files/Material/cinnamon/assets/add-workspace-hover.svg
new file mode 100644
index 000000000..8a1d3516b
--- /dev/null
+++ b/Material/files/Material/cinnamon/assets/add-workspace-hover.svg
@@ -0,0 +1,112 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="35"
+   height="200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="add-workspace-hover.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="4"
+     inkscape:cx="-81.038405"
+     inkscape:cy="108.58132"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="709"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     showguides="false"
+     inkscape:guide-bbox="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:bbox-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3040"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="20,100"
+       id="guide3893"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="18,190"
+       id="guide3895"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <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 />
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36218)">
+    <path
+       id="rect4694"
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.5;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 7,857.36218 28,0 0,190.00002 -28,0 c -1.108,0 -2,-0.892 -2,-2 L 5,859.36218 c 0,-1.108 0.892,-2 2,-2 z"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sccssss" />
+    <g
+       transform="translate(0,-0.9999969)"
+       id="g3917-7"
+       style="fill:#eceff1;fill-opacity:1;opacity:0.5;stroke:none;stroke-opacity:1" />
+    <path
+       id="rect4804"
+       transform="translate(0,852.36218)"
+       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:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 18,94 c -0.554,0 -1,0.446 -1,1 l 0,4 -4,0 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 l 4,0 0,4 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 l 0,-4 4,0 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 l -4,0 0,-4 c 0,-0.554 -0.446,-1 -1,-1 z m 8,6 a 8,8 0 0 1 -8,8 8,8 0 0 1 -8,-8 8,8 0 0 1 8,-8 8,8 0 0 1 8,8 z" />
+  </g>
+</svg>
diff --git a/Material/files/Material/cinnamon/assets/add-workspace.svg b/Material/files/Material/cinnamon/assets/add-workspace.svg
new file mode 100644
index 000000000..8dba5df9f
--- /dev/null
+++ b/Material/files/Material/cinnamon/assets/add-workspace.svg
@@ -0,0 +1,113 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="35"
+   height="200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="add-workspace.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="4"
+     inkscape:cx="-28.526103"
+     inkscape:cy="75.41215"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="709"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     showguides="false"
+     inkscape:guide-bbox="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:bbox-nodes="true"
+     inkscape:document-rotation="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3040"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="20,100"
+       id="guide3893"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="18,190"
+       id="guide3895"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <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 />
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36218)">
+    <path
+       id="rect4694"
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.35;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 7,857.36218 28,0 0,190.00002 -28,0 c -1.108,0 -2,-0.892 -2,-2 L 5,859.36218 c 0,-1.108 0.892,-2 2,-2 z"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sccssss" />
+    <g
+       transform="translate(0,-0.9999969)"
+       id="g3917-7"
+       style="fill:#eceff1;fill-opacity:1;opacity:0.5;stroke:none;stroke-opacity:1" />
+    <path
+       id="rect4804"
+       transform="translate(0,852.36218)"
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.87;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 18,94 c -0.554,0 -1,0.446 -1,1 l 0,4 -4,0 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 l 4,0 0,4 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 l 0,-4 4,0 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 l -4,0 0,-4 c 0,-0.554 -0.446,-1 -1,-1 z m 8,6 a 8,8 0 0 1 -8,8 8,8 0 0 1 -8,-8 8,8 0 0 1 8,-8 8,8 0 0 1 8,8 z" />
+  </g>
+</svg>
diff --git a/Material/files/Material/cinnamon/assets/calendar-arrow-left.svg b/Material/files/Material/cinnamon/assets/calendar-arrow-left.svg
new file mode 100644
index 000000000..dcf8298b1
--- /dev/null
+++ b/Material/files/Material/cinnamon/assets/calendar-arrow-left.svg
@@ -0,0 +1,56 @@
+<?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="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="calendar-arrow-left.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata10">
+    <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>
+  <defs
+     id="defs8" />
+  <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="704"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="29.5"
+     inkscape:cx="13.680381"
+     inkscape:cy="6.1418434"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M10 3v10L5 8z"
+     fill="#000000"
+     opacity="0.54"
+     id="path2"
+     style="fill:#e6e6e6" />
+</svg>
diff --git a/Material/files/Material/cinnamon/assets/calendar-arrow-right.svg b/Material/files/Material/cinnamon/assets/calendar-arrow-right.svg
new file mode 100644
index 000000000..ed66559d8
--- /dev/null
+++ b/Material/files/Material/cinnamon/assets/calendar-arrow-right.svg
@@ -0,0 +1,56 @@
+<?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="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="calendar-arrow-right.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata10">
+    <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>
+  <defs
+     id="defs8" />
+  <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="704"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M6 3v10l5-5z"
+     fill="#000000"
+     opacity="0.54"
+     id="path2"
+     style="fill:#e6e6e6" />
+</svg>
diff --git a/Material/files/Material/cinnamon/assets/checkbox-dark.svg b/Material/files/Material/cinnamon/assets/checkbox-dark.svg
new file mode 100644
index 000000000..65c19018f
--- /dev/null
+++ b/Material/files/Material/cinnamon/assets/checkbox-dark.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" fill="#dddddd" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/Material/files/Material/cinnamon/assets/checkbox-off.svg b/Material/files/Material/cinnamon/assets/checkbox-off.svg
new file mode 100644
index 000000000..110a32f88
--- /dev/null
+++ b/Material/files/Material/cinnamon/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" opacity=".54" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" fill="#dfdfdf"/>
+</svg>
diff --git a/Material/files/Material/cinnamon/assets/checkbox.svg b/Material/files/Material/cinnamon/assets/checkbox.svg
new file mode 100644
index 000000000..b3a73fa16
--- /dev/null
+++ b/Material/files/Material/cinnamon/assets/checkbox.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" fill="#333333" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/Material/files/Material/cinnamon/assets/close-active.svg b/Material/files/Material/cinnamon/assets/close-active.svg
new file mode 100644
index 000000000..0dde2b9d5
--- /dev/null
+++ b/Material/files/Material/cinnamon/assets/close-active.svg
@@ -0,0 +1,10 @@
+<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter839" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="0.32"/>
+  </filter>
+ </defs>
+ <circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter839)" opacity=".1" stroke-width="0"/>
+ <circle cx="9.4545" cy="9.4545" r="8" fill="#d8354a" stroke-width="0"/>
+ <path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/>
+</svg>
diff --git a/Material/files/Material/cinnamon/assets/close-hover.svg b/Material/files/Material/cinnamon/assets/close-hover.svg
new file mode 100644
index 000000000..37f8806a0
--- /dev/null
+++ b/Material/files/Material/cinnamon/assets/close-hover.svg
@@ -0,0 +1,10 @@
+<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter839" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="0.32"/>
+  </filter>
+ </defs>
+ <circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter839)" opacity=".1" stroke-width="0"/>
+ <circle cx="9.4545" cy="9.4545" r="8" fill="#ff7a80" stroke-width="0"/>
+ <path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/>
+</svg>
diff --git a/Material/files/Material/cinnamon/assets/close.svg b/Material/files/Material/cinnamon/assets/close.svg
new file mode 100644
index 000000000..5dcc697b9
--- /dev/null
+++ b/Material/files/Material/cinnamon/assets/close.svg
@@ -0,0 +1,10 @@
+<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter879" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="0.32"/>
+  </filter>
+ </defs>
+ <circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter879)" opacity=".1" stroke-width="0"/>
+ <circle cx="9.4545" cy="9.4545" r="8" fill="#f75a61" stroke-width="0"/>
+ <path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/>
+</svg>
diff --git a/Material/files/Material/cinnamon/assets/corner-ripple.svg b/Material/files/Material/cinnamon/assets/corner-ripple.svg
new file mode 100644
index 000000000..6440b6ca5
--- /dev/null
+++ b/Material/files/Material/cinnamon/assets/corner-ripple.svg
@@ -0,0 +1,5 @@
+<svg width="104" height="104" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -948.36)">
+  <circle id="corner-ripple" cx="52" cy="1000" r="48" fill="#333333" opacity=".25"/>
+ </g>
+</svg>
diff --git a/Material/files/Material/cinnamon/assets/radiobutton-dark.svg b/Material/files/Material/cinnamon/assets/radiobutton-dark.svg
new file mode 100644
index 000000000..375c388ae
--- /dev/null
+++ b/Material/files/Material/cinnamon/assets/radiobutton-dark.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="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z" fill="#dddddd"/>
+</svg>
diff --git a/Material/files/Material/cinnamon/assets/radiobutton-off.svg b/Material/files/Material/cinnamon/assets/radiobutton-off.svg
new file mode 100644
index 000000000..110a32f88
--- /dev/null
+++ b/Material/files/Material/cinnamon/assets/radiobutton-off.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" opacity=".54" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" fill="#dfdfdf"/>
+</svg>
diff --git a/Material/files/Material/cinnamon/assets/radiobutton.svg b/Material/files/Material/cinnamon/assets/radiobutton.svg
new file mode 100644
index 000000000..27a8ab486
--- /dev/null
+++ b/Material/files/Material/cinnamon/assets/radiobutton.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="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z" fill="#333333"/>
+</svg>
diff --git a/Material/files/Material/cinnamon/assets/toggle-off.svg b/Material/files/Material/cinnamon/assets/toggle-off.svg
new file mode 100644
index 000000000..2341bc5e0
--- /dev/null
+++ b/Material/files/Material/cinnamon/assets/toggle-off.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m10 0c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle transform="scale(-1,1)" cx="-10" cy="10" r="5" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/Material/files/Material/cinnamon/assets/toggle-on-dark.svg b/Material/files/Material/cinnamon/assets/toggle-on-dark.svg
new file mode 100644
index 000000000..23f9373e1
--- /dev/null
+++ b/Material/files/Material/cinnamon/assets/toggle-on-dark.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <rect transform="scale(-1,1)" x="-40" y="-.019988" width="40" height="20" rx="10" ry="10" fill="#dddddd" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle cx="30" cy="9.98" r="5" fill="#333333" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/Material/files/Material/cinnamon/assets/toggle-on.svg b/Material/files/Material/cinnamon/assets/toggle-on.svg
new file mode 100644
index 000000000..510abf19a
--- /dev/null
+++ b/Material/files/Material/cinnamon/assets/toggle-on.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <rect transform="scale(-1,1)" x="-40" y="-.019988" width="40" height="20" rx="10" ry="10" fill="#333333" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle cx="30" cy="9.98" r="5" fill="#ffffff" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/Material/files/Material/cinnamon/assets/trash-icon.svg b/Material/files/Material/cinnamon/assets/trash-icon.svg
new file mode 100644
index 000000000..d78a123ee
--- /dev/null
+++ b/Material/files/Material/cinnamon/assets/trash-icon.svg
@@ -0,0 +1,6 @@
+<svg width="400" height="120" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -932.36)">
+  <rect x="10" y="942.36" width="380" height="160" rx="18" ry="18" fill="#4d4d4d" stroke-width="0"/>
+  <path class="ColorScheme-Text" d="m200 964.36c-4.4183 0-8 3.5817-8 8h-16v4h48v-4h-16c0-4.4183-3.5817-8-8-8zm0 4c2.2091 1e-5 4 1.7909 4 4h-8c1e-5 -2.2091 1.7909-4 4-4zm-20 12v32c0 4.4321 3.5679 8.0001 8 8.0001h24c4.4321 0 8-3.568 8-8.0001v-32h-38zm4 4h32v28c0 2.2161-1.7839 4.0001-4 4.0001h-24c-2.2161 0-4-1.784-4-4.0001z" fill="#ececec"/>
+ </g>
+</svg>
diff --git a/Material/files/Material/cinnamon/cinnamon.css b/Material/files/Material/cinnamon/cinnamon.css
new file mode 100644
index 000000000..645e4516d
--- /dev/null
+++ b/Material/files/Material/cinnamon/cinnamon.css
@@ -0,0 +1,2266 @@
+stage {
+  font-size: 9pt;
+  color: #eeffff;
+}
+
+.label-shadow {
+  color: rgba(0, 0, 0, 0);
+}
+
+.sound-button {
+  min-height: 24px;
+  padding: 5px 32px;
+  transition-duration: 100ms;
+  border-radius: 6px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.sound-button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.sound-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.sound-button:hover:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+  border-radius: 6px;
+}
+
+.sound-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+  border-radius: 6px;
+}
+
+.sound-button:insensitive {
+  color: rgba(238, 255, 255, 0.5);
+  background-color: rgba(238, 255, 255, 0.04);
+  border-radius: 6px;
+}
+
+.notification-button,
+.notification-icon-button,
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button,
+#notification .notification-button,
+#notification .notification-icon-button {
+  border-radius: 6px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: transparent;
+}
+
+.notification-button:hover,
+.notification-icon-button:hover,
+#notification .notification-button:hover,
+#notification .notification-icon-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.notification-button:active,
+.notification-icon-button:active,
+#notification .notification-button:active,
+#notification .notification-icon-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+  border-radius: 6px;
+}
+
+.notification-button:insensitive,
+.notification-icon-button:insensitive,
+#notification .notification-button:insensitive,
+#notification .notification-icon-button:insensitive {
+  color: rgba(238, 255, 255, 0.3);
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+  min-height: 24px;
+  padding: 6px 30px;
+  transition-duration: 100ms;
+  border-radius: 6px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.modal-dialog-button-box .modal-dialog-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.modal-dialog-button-box .modal-dialog-button:focus {
+  color: #e2e9e9;
+}
+
+.modal-dialog-button-box .modal-dialog-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.modal-dialog-button-box .modal-dialog-button:insensitive {
+  color: rgba(238, 255, 255, 0.3);
+  background-color: transparent;
+}
+
+#menu-search-entry,
+.notification StEntry,
+.menu #notification StEntry,
+.popup-menu #notification StEntry,
+#notification StEntry {
+  padding: 3px 12px;
+  min-height: 24px;
+  caret-size: 1px;
+  selection-background-color: #e2e9e9;
+  selected-color: rgba(0, 0, 0, 0.87);
+  transition-duration: 300ms;
+  border-radius: 9999px;
+  color: #eeffff;
+  border: 2px solid transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+#menu-search-entry:focus,
+.notification StEntry:focus,
+.menu #notification StEntry:focus,
+.popup-menu #notification StEntry:focus,
+#notification StEntry:focus,
+#menu-search-entry:hover,
+.notification StEntry:hover,
+.menu #notification StEntry:hover,
+.popup-menu #notification StEntry:hover,
+#notification StEntry:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid #e2e9e9;
+}
+
+#menu-search-entry:insensitive,
+.notification StEntry:insensitive,
+.menu #notification StEntry:insensitive,
+.popup-menu #notification StEntry:insensitive,
+#notification StEntry:insensitive {
+  border: 2px solid transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+#menu-search-entry StIcon.capslock-warning,
+.notification StEntry StIcon.capslock-warning,
+.menu #notification StEntry StIcon.capslock-warning,
+.popup-menu #notification StEntry StIcon.capslock-warning,
+#notification StEntry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #ffcb6b;
+  padding: 0 6px;
+}
+
+StScrollView.vfade {
+  -st-vfade-offset: 0px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 0px;
+}
+
+StScrollBar {
+  padding: 8px;
+}
+
+StScrollView StScrollBar {
+  min-width: 5px;
+  min-height: 5px;
+}
+
+StScrollBar StBin#trough {
+  background-color: rgba(35, 38, 55, 0.1);
+  border-radius: 9999px;
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+  border-radius: 9999px;
+  background-color: gray;
+  border: 0px solid;
+  margin: 0px;
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+  background-color: #515772;
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+  background-color: #e2e9e9;
+}
+
+.separator {
+  -gradient-height: 1px;
+  -gradient-start: rgba(0, 0, 0, 0);
+  -gradient-end: rgba(0, 0, 0, 0);
+  -margin-horizontal: 1.5em;
+  height: 1em;
+}
+
+.popup-slider-menu-item,
+.slider {
+  -slider-height: 4px;
+  -slider-background-color: rgba(238, 255, 255, 0.12);
+  -slider-border-color: transparent;
+  -slider-active-background-color: #e2e9e9;
+  -slider-active-border-color: transparent;
+  -slider-border-width: 0;
+  -slider-handle-radius: 4px;
+  height: 18px;
+  min-width: 15em;
+  border: 0 solid transparent;
+  border-right-width: 1px;
+  border-left-width: 5px;
+  color: transparent;
+}
+
+.check-box CinnamonGenericContainer {
+  spacing: 0.2em;
+  min-height: 30px;
+  padding-top: 2px;
+}
+
+.check-box StLabel {
+  font-weight: normal;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+  background-image: url('assets/checkbox-off.svg');
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+  background-image: url('assets/checkbox-dark.svg');
+}
+
+.radiobutton CinnamonGenericContainer {
+  spacing: 0.2em;
+  min-height: 30px;
+  padding-top: 2px;
+}
+
+.radiobutton StLabel {
+  padding-top: 4px;
+  font-size: 0.9em;
+  box-shadow: none;
+}
+
+.radiobutton StBin {
+  width: 24px;
+  height: 24px;
+}
+
+.radiobutton StBin,
+.radiobutton:focus StBin {
+  background-image: url('assets/radiobutton-off.svg');
+}
+
+.radiobutton:checked StBin,
+.radiobutton:focus:checked StBin {
+  background-image: url('assets/radiobutton-dark.svg');
+}
+
+.toggle-switch {
+  width: 40px;
+  height: 20px;
+  background-size: contain;
+  background-image: url('assets/toggle-off.svg');
+}
+
+.toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.popup-menu-item:active .toggle-switch {
+  background-image: url('assets/toggle-off.svg');
+}
+
+.popup-menu-item:active .toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.cinnamon-link {
+  color: #89ddff;
+  text-decoration: underline;
+}
+
+.cinnamon-link:hover {
+  color: #c792ea;
+}
+
+#Tooltip {
+  border-radius: 9999px;
+  padding: 6px 12px;
+  background-color: rgba(31, 34, 51, 0.9);
+  color: #eeffff;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  font-size: 1em;
+  font-weight: normal;
+  text-align: center;
+}
+
+.menu,
+.popup-menu,
+.popup-combo-menu {
+  padding: 3px;
+  color: #eeffff;
+  background-color: rgba(35, 38, 55, 0.95);
+  border-radius: 12px;
+  margin: 6px;
+  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+  border: 2px solid #84ffff;
+}
+
+.menu-arrow,
+.popup-menu-arrow {
+  icon-size: 16px;
+}
+
+.menu .popup-sub-menu,
+.popup-menu .popup-sub-menu,
+.popup-combo-menu .popup-sub-menu {
+  border-radius: 6px;
+  background-gradient-direction: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-combo-menu .popup-sub-menu .popup-menu-item:active {
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu .popup-sub-menu StScrollBar,
+.popup-menu .popup-sub-menu StScrollBar,
+.popup-combo-menu .popup-sub-menu StScrollBar {
+  padding: 4px;
+}
+
+.menu .popup-sub-menu StScrollBar StBin#trough,
+.menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
+  border-width: 0;
+}
+
+.menu .popup-menu-content,
+.popup-menu .popup-menu-content,
+.popup-combo-menu .popup-menu-content {
+  padding: 3px;
+}
+
+.menu .popup-menu-item,
+.popup-menu .popup-menu-item,
+.popup-combo-menu .popup-menu-item {
+  padding: 6px 12px;
+  spacing: 12px;
+  border-radius: 6px;
+}
+
+.menu .popup-menu-item:hover,
+.menu .popup-menu-item:active,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item:active,
+.popup-combo-menu .popup-menu-item:hover,
+.popup-combo-menu .popup-menu-item:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.menu .popup-menu-item:insensitive,
+.popup-menu .popup-menu-item:insensitive,
+.popup-combo-menu .popup-menu-item:insensitive {
+  color: rgba(238, 255, 255, 0.5);
+  background: none;
+}
+
+.menu .popup-inactive-menu-item,
+.popup-menu .popup-inactive-menu-item,
+.popup-combo-menu .popup-inactive-menu-item {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.menu .popup-inactive-menu-item:insensitive,
+.popup-menu .popup-inactive-menu-item:insensitive,
+.popup-combo-menu .popup-inactive-menu-item:insensitive {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.menu-icon,
+.popup-menu-icon {
+  icon-size: 16px;
+}
+
+.popup-menu-boxpointer {
+  -arrow-border-radius: 6px;
+  -arrow-background-color: rgba(0, 0, 0, 0);
+  -arrow-border-width: 0;
+  -arrow-border-color: rgba(0, 0, 0, 0);
+  -arrow-base: 0;
+  -arrow-rise: 0;
+}
+
+.popup-combo-menu {
+  padding: 12px;
+}
+
+.popup-combobox-item {
+  spacing: 1em;
+}
+
+.popup-separator-menu-item {
+  -gradient-height: 0;
+  -gradient-start: transparent;
+  -gradient-end: transparent;
+  -margin-horizontal: 1.5em;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  border-bottom-style: solid;
+  background-color: transparent;
+}
+
+.popup-alternating-menu-item:alternate {
+  font-weight: normal;
+}
+
+.popup-device-menu-item {
+  spacing: 0.5em;
+}
+
+.popup-subtitle-menu-item {
+  font-weight: normal;
+}
+
+.nm-menu-item-icons {
+  spacing: 0.5em;
+}
+
+#panel {
+  font-weight: bold;
+  height: 36px;
+  width: 42px;
+}
+
+#panel:highlight {
+  border-image: none;
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+#panelLeft {
+  spacing: 4px;
+}
+
+#panelLeft:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(255, 0, 0, 0.05);
+  background-gradient-end: rgba(255, 0, 0, 0.2);
+}
+
+#panelLeft:ltr {
+  padding-right: 4px;
+}
+
+#panelLeft:rtl {
+  padding-left: 4px;
+}
+
+#panelLeft.vertical {
+  padding: 0;
+}
+
+#panelLeft.vertical:ltr {
+  padding-right: 0px;
+}
+
+#panelLeft.vertical:rtl {
+  padding-left: 0px;
+}
+
+#panelRight:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(0, 0, 255, 0.05);
+  background-gradient-end: rgba(0, 0, 255, 0.2);
+}
+
+#panelRight:ltr {
+  padding-left: 6px;
+  spacing: 0px;
+}
+
+#panelRight:rtl {
+  padding-right: 6px;
+  spacing: 0px;
+}
+
+#panelRight.vertical {
+  padding: 0;
+}
+
+#panelRight.vertical:ltr {
+  padding-right: 0px;
+}
+
+#panelRight.vertical:rtl {
+  padding-left: 0px;
+}
+
+#panelCenter {
+  spacing: 4px;
+}
+
+#panelCenter:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(0, 255, 0, 0.05);
+  background-gradient-end: rgba(0, 255, 0, 0.2);
+}
+
+.panel-top,
+.panel-bottom,
+.panel-left,
+.panel-right {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: 1em;
+  padding: 0px;
+  background-color: rgba(16, 17, 26, 0.95);
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
+}
+
+.panel-top .panel-button:hover,
+.panel-top .panel-status-button:hover,
+.panel-bottom .panel-button:hover,
+.panel-bottom .panel-status-button:hover,
+.panel-left .panel-button:hover,
+.panel-left .panel-status-button:hover,
+.panel-right .panel-button:hover,
+.panel-right .panel-status-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.panel-top .panel-button:active,
+.panel-top .panel-status-button:active,
+.panel-bottom .panel-button:active,
+.panel-bottom .panel-status-button:active,
+.panel-left .panel-button:active,
+.panel-left .panel-status-button:active,
+.panel-right .panel-button:active,
+.panel-right .panel-status-button:active {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.panel-dummy {
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+.panel-dummy:entered {
+  background-color: rgba(242, 139, 130, 0.6);
+}
+
+.panel-status-button {
+  border-width: 0;
+  -natural-hpadding: 3px;
+  -minimum-hpadding: 3px;
+  font-weight: bold;
+  height: 22px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.panel-button {
+  -natural-hpadding: 6px;
+  -minimum-hpadding: 2px;
+  font-weight: bold;
+  transition-duration: 100ms;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.system-status-icon {
+  icon-size: 16px;
+  padding: 0 1px;
+}
+
+#overview {
+  spacing: 12px;
+}
+
+.window-caption {
+  background-color: rgba(31, 34, 51, 0.9);
+  border: 1px solid rgba(31, 34, 51, 0.9);
+  color: #eeffff;
+  spacing: 25px;
+  border-radius: 6px;
+  font-size: 9pt;
+  padding: 5px 8px;
+  -cinnamon-caption-spacing: 4px;
+}
+
+#selected.window-caption {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border: 1px solid #e2e9e9;
+  spacing: 25px;
+}
+
+.expo-workspaces-name-entry,
+#selected.expo-workspaces-name-entry {
+  height: 15px;
+  border-radius: 6px;
+  font-size: 9pt;
+  padding: 5px 8px;
+  -cinnamon-caption-spacing: 4px;
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid transparent;
+}
+
+.expo-workspaces-name-entry:focus,
+#selected.expo-workspaces-name-entry:focus {
+  border: 1px solid #e2e9e9;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-style: italic;
+  transition-duration: 300;
+  selection-background-color: rgba(0, 0, 0, 0.87);
+  selected-color: #e2e9e9;
+}
+
+.expo-workspace-thumbnail-frame {
+  border: 4px solid rgba(238, 255, 255, 0);
+  background-color: rgba(238, 255, 255, 0);
+  border-radius: 6px;
+}
+
+#active.expo-workspace-thumbnail-frame {
+  border: 4px solid #e2e9e9;
+  background-color: black;
+  border-radius: 6px;
+}
+
+.expo-background {
+  background-color: #191919;
+}
+
+.workspace-thumbnails {
+  spacing: 26px;
+}
+
+.workspace-thumbnails-background,
+.workspace-thumbnails-background:rtl {
+  padding: 8px;
+}
+
+.workspace-add-button {
+  background-image: url('assets/add-workspace.svg');
+  height: 200px;
+  width: 35px;
+  transition-duration: 100;
+}
+
+.workspace-add-button:hover {
+  background-image: url('assets/add-workspace-hover.svg');
+  transition-duration: 100;
+}
+
+.workspace-add-button:active {
+  background-image: url('assets/add-workspace-active.svg');
+  transition-duration: 100;
+}
+
+.workspace-overview-background-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.workspace-close-button,
+.window-close {
+  background-image: url('assets/close.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+  -cinnamon-close-overlap: 13px;
+}
+
+.workspace-close-button:hover,
+.window-close:hover {
+  background-image: url('assets/close-hover.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+}
+
+.workspace-close-button:active,
+.window-close:active {
+  background-image: url('assets/close-active.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+}
+
+.workspace-thumbnail-indicator {
+  outline: 2px solid red;
+  border: 1px solid green;
+}
+
+.window-close:rtl {
+  -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
+}
+
+.window-close-area {
+  background-image: url('assets/trash-icon.svg');
+  height: 120px;
+  width: 400px;
+}
+
+.about-content {
+  width: 550px;
+  height: 250px;
+  spacing: 8px;
+  padding-bottom: 10px;
+}
+
+.about-title {
+  font-size: 2em;
+  font-weight: bold;
+}
+
+.about-uuid {
+  font-size: 10px;
+  color: #717cb4;
+}
+
+.about-icon {
+  padding-right: 20px;
+  padding-bottom: 14px;
+}
+
+.about-scrollBox {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+  background-color: #0f111a;
+  padding: 4px;
+  padding-right: 0;
+  border-radius: 0;
+}
+
+.about-scrollBox-innerBox {
+  padding: 1.2em;
+  spacing: 1.2em;
+}
+
+.about-description {
+  padding-top: 4px;
+  padding-bottom: 16px;
+}
+
+.about-version {
+  padding-left: 7px;
+  font-size: 10px;
+  color: #717cb4;
+}
+
+.calendar {
+  padding: 0.4em 1.75em;
+  spacing-rows: 0px;
+  spacing-columns: 0px;
+}
+
+.calendar-month-label {
+  color: #eeffff;
+  font-weight: bold;
+  margin: 0 2px;
+  padding: 2px;
+}
+
+.calendar-change-month-back,
+.calendar-change-month-forward {
+  width: 24px;
+  height: 24px;
+  margin: 0;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+.calendar-change-month-back:focus,
+.calendar-change-month-back:hover,
+.calendar-change-month-forward:focus,
+.calendar-change-month-forward:hover {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.calendar-change-month-back:active,
+.calendar-change-month-forward:active {
+  background-color: rgba(238, 255, 255, 0.25);
+}
+
+.calendar-change-month-back {
+  background-image: url('assets/calendar-arrow-left.svg');
+}
+
+.calendar-change-month-back:rtl {
+  background-image: url('assets/calendar-arrow-right.svg');
+}
+
+.calendar-change-month-forward {
+  background-image: url('assets/calendar-arrow-right.svg');
+}
+
+.calendar-change-month-forward:rtl {
+  background-image: url('assets/calendar-arrow-left.svg');
+}
+
+.datemenu-date-label {
+  padding: 0.4em 1.75em;
+  font-weight: normal;
+  text-align: center;
+  font-size: 14px;
+  color: #eeffff;
+  border-radius: 6px;
+}
+
+.calendar-day-base {
+  text-align: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  margin: 2px;
+  border-radius: 9999px;
+}
+
+.calendar-day-heading {
+  color: rgba(238, 255, 255, 0.7);
+  margin-top: 1em;
+}
+
+.calendar-day {
+  border-width: 0;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.calendar-day-top {
+  border-top-width: 0;
+}
+
+.calendar-day-left {
+  border-left-width: 0;
+}
+
+.calendar-nonwork-day {
+  color: #eeffff;
+  background-color: transparent;
+  font-weight: bold;
+}
+
+.calendar-today,
+.calendar-today:active,
+.calendar-today:focus,
+.calendar-today:hover {
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  border-width: 0;
+}
+
+.calendar-other-month-day {
+  color: rgba(238, 255, 255, 0.7);
+  opacity: 1;
+}
+
+.calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
+  color: rgba(238, 255, 255, 0.3);
+  font-weight: bold;
+  background-color: rgba(238, 255, 255, 0.04);
+  border-radius: 9999px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
+}
+
+#notification {
+  border-radius: 12px;
+  padding: 12px;
+  spacing-rows: 9px;
+  spacing-columns: 9px;
+  margin-from-right-edge-of-screen: 18px;
+  width: 28em;
+  color: #eeffff;
+  background-color: rgba(35, 38, 55, 0.8);
+  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+  margin: 7px 12px 17px 12px;
+}
+
+#notification .notification-button,
+#notification .notification-icon-button {
+  padding: 6px;
+}
+
+.menu #notification,
+.popup-menu #notification {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.05);
+  box-shadow: none;
+  margin: 0;
+}
+
+.menu #notification:hover,
+.popup-menu #notification:hover {
+  background-color: rgba(238, 255, 255, 0.1);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+}
+
+.menu #notification,
+.menu #notification.multi-line-notification,
+.popup-menu #notification,
+.popup-menu #notification.multi-line-notification {
+  color: #eeffff;
+}
+
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button {
+  padding: 6px;
+}
+
+#notification.multi-line-notification {
+  padding-bottom: 12px;
+  color: #eeffff;
+}
+
+#notification-scrollview {
+  max-height: 10em;
+}
+
+#notification-scrollview > .top-shadow,
+#notification-scrollview > .bottom-shadow {
+  height: 1em;
+}
+
+#notification-scrollview:ltr > StScrollBar {
+  padding-left: 6px;
+}
+
+#notification-scrollview:rtl > StScrollBar {
+  padding-right: 6px;
+}
+
+#notification-body {
+  spacing: 6px;
+}
+
+#notification-actions {
+  spacing: 9px;
+}
+
+.notification-with-image {
+  min-height: 159px;
+  color: #eeffff;
+}
+
+.notification-button,
+.notification-icon-button {
+  padding: 6px;
+}
+
+.notification-icon-button > StIcon {
+  icon-size: 36px;
+}
+
+#altTabPopup {
+  padding: 8px;
+  spacing: 16px;
+}
+
+.switcher-list {
+  color: #eeffff;
+  background-color: rgba(35, 38, 55, 0.95);
+  border: none;
+  border-radius: 6px;
+  padding: 20px;
+}
+
+.switcher-list > StBoxLayout {
+  padding: 4px;
+}
+
+.switcher-list-item-container {
+  spacing: 8px;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 6px;
+}
+
+.switcher-list .item-box:outlined {
+  padding: 8px;
+  border: 1px solid #e2e9e9;
+}
+
+.switcher-list .item-box:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  border: 0px solid #e2e9e9;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 4px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(238, 255, 255, 0.2);
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: #eeffff;
+}
+
+.switcher-arrow:highlighted {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.thumbnail-scroll-gradient-left {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 24px;
+  border-radius-topright: 0px;
+  border-radius-bottomright: 0px;
+  width: 60px;
+}
+
+.thumbnail-scroll-gradient-right {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 24px;
+  border-radius-topleft: 0px;
+  border-radius-bottomleft: 0px;
+  width: 60px;
+}
+
+.ripple-box {
+  width: 104px;
+  height: 104px;
+  background-image: url('assets/corner-ripple.svg');
+  background-size: contain;
+}
+
+.lightbox {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.flashspot {
+  background-color: #eeffff;
+}
+
+.modal-dialog {
+  color: #eeffff;
+  background-color: rgba(31, 34, 51, 0.95);
+  border: 1px solid rgba(0, 0, 0, 0.65);
+  padding: 0 5px 6px 5px;
+  border-radius: 6px;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
+}
+
+.modal-dialog > StBoxLayout:first-child {
+  padding: 20px 10px 10px 10px;
+}
+
+.modal-dialog-button-box {
+  spacing: 0;
+  margin: 0;
+  padding: 14px 10px;
+  background-color: transparent;
+  border: none;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+  padding-top: 0;
+  padding-bottom: 0;
+  height: 30px;
+}
+
+.run-dialog {
+  padding: 6px 12px;
+  background-color: rgba(31, 34, 51, 0.9);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+.run-dialog > * {
+  padding: 0;
+}
+
+.run-dialog-label {
+  font-size: 0;
+  font-weight: bold;
+  color: #eeffff;
+  padding-bottom: 0;
+}
+
+.run-dialog-error-label {
+  color: #f28b82;
+}
+
+.run-dialog-error-box {
+  padding-top: 15px;
+  spacing: 5px;
+}
+
+.run-dialog-completion-box {
+  padding-left: 15px;
+  font-size: 10px;
+}
+
+.run-dialog-entry {
+  width: 21em;
+  padding: 3px 12px;
+  border-radius: 6px;
+  caret-color: #eeffff;
+  selected-color: rgba(0, 0, 0, 0.87);
+  selection-background-color: #e2e9e9;
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid transparent;
+}
+
+.run-dialog-entry:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid #84ffff;
+}
+
+.run-dialog .modal-dialog-button-box {
+  border: none;
+  box-shadow: none;
+  background: none;
+  background-gradient-direction: none;
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+  icon-size: 48px;
+}
+
+.mount-password-reask {
+  color: #ffcb6b;
+}
+
+.show-processes-dialog,
+.mount-question-dialog {
+  spacing: 24px;
+}
+
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+  padding-top: 10px;
+  padding-left: 17px;
+  padding-bottom: 6px;
+}
+
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+  padding-left: 0px;
+  padding-right: 17px;
+}
+
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+  padding-left: 17px;
+  width: 28em;
+}
+
+.show-processes-dialog-description:rtl,
+.mount-question-dialog-description:rtl {
+  padding-right: 17px;
+}
+
+.show-processes-dialog-app-list {
+  max-height: 200px;
+  padding-top: 24px;
+  padding-left: 49px;
+  padding-right: 32px;
+}
+
+.show-processes-dialog-app-list:rtl {
+  padding-right: 49px;
+  padding-left: 32px;
+}
+
+.show-processes-dialog-app-list-item {
+  color: #ccc;
+}
+
+.show-processes-dialog-app-list-item:hover {
+  color: #eeffff;
+}
+
+.show-processes-dialog-app-list-item:ltr {
+  padding-right: 1em;
+}
+
+.show-processes-dialog-app-list-item:rtl {
+  padding-left: 1em;
+}
+
+.show-processes-dialog-app-list-item-icon:ltr {
+  padding-right: 17px;
+}
+
+.show-processes-dialog-app-list-item-icon:rtl {
+  padding-left: 17px;
+}
+
+.show-processes-dialog-app-list-item-name {
+  font-size: 1.1em;
+}
+
+.magnifier-zoom-region {
+  border: 2px solid maroon;
+}
+
+.magnifier-zoom-region .full-screen {
+  border-width: 0px;
+}
+
+#keyboard {
+  background-color: rgba(31, 34, 51, 0.9);
+  border-width: 0;
+  border-top-width: 1px;
+  border-color: rgba(0, 0, 0, 0.4);
+}
+
+.keyboard-layout {
+  spacing: 10px;
+  padding: 10px;
+}
+
+.keyboard-row {
+  spacing: 15px;
+}
+
+.keyboard-key {
+  min-height: 2em;
+  min-width: 2em;
+  font-size: 14pt;
+  font-weight: bold;
+  border-radius: 6px;
+  box-shadow: none;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.keyboard-key:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.keyboard-key:active,
+.keyboard-key:checked {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.keyboard-key:grayed {
+  color: rgba(238, 255, 255, 0.3);
+  background-color: transparent;
+}
+
+.keyboard-subkeys {
+  color: #eeffff;
+  padding: 5px;
+  -arrow-border-radius: 6px;
+  -arrow-background-color: rgba(31, 34, 51, 0.9);
+  -arrow-border-width: 1px;
+  -arrow-border-color: rgba(0, 0, 0, 0.4);
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 5px;
+}
+
+.menu-favorites-box {
+  margin: auto;
+  margin-bottom: 6px;
+  padding: 6px;
+  transition-duration: 300;
+  background-color: rgba(238, 255, 255, 0.05);
+  border: none;
+  border-radius: 6px;
+}
+
+.menu-favorites-button {
+  padding: 9px;
+  border: none;
+  border-radius: 6px;
+}
+
+.menu-favorites-button:hover {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.menu-places-box {
+  margin: auto;
+  padding: 9px;
+  border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.menu-places-button {
+  padding: 9px;
+}
+
+.menu-categories-box {
+  padding: 9px 30px;
+}
+
+.menu-applications-inner-box,
+.menu-applications-outer-box {
+  padding: 9px 9px 0 9px;
+}
+
+.menu-application-button {
+  padding: 6px;
+  border-radius: 6px;
+  border: none;
+}
+
+.menu-application-button:highlighted {
+  font-weight: bold;
+}
+
+.menu-application-button-selected {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  padding: 6px;
+  border-radius: 6px;
+  border: none;
+}
+
+.menu-application-button-selected:highlighted {
+  font-weight: bold;
+}
+
+.menu-application-button-label:ltr {
+  padding-left: 6px;
+}
+
+.menu-application-button-label:rtl {
+  padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button {
+  padding: 3px 0;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item {
+  padding: 0;
+  spacing: 0;
+  margin: 0 3px;
+  border-radius: 6px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:ltr {
+  padding-left: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:rtl {
+  padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:active {
+  border-image: none;
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StIcon {
+  min-width: 22px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr {
+  padding: 6px 0 6px 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl {
+  padding: 6px 6px 6px 0;
+}
+
+.menu-category-button {
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.menu-category-button-selected {
+  padding: 6px;
+}
+
+.menu-category-button-hover,
+.menu-category-button-selected {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.menu-category-button-greyed {
+  padding: 6px;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.menu-category-button-label:ltr {
+  padding-left: 6px;
+}
+
+.menu-category-button-label:rtl {
+  padding-right: 6px;
+}
+
+.menu-selected-app-box {
+  padding-right: 30px;
+  padding-left: 28px;
+  text-align: right;
+  height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+  padding-top: 10px;
+  height: 30px;
+}
+
+.menu-selected-app-title {
+  font-weight: bold;
+}
+
+.menu-selected-app-description {
+  max-width: 150px;
+  margin-bottom: 6px;
+}
+
+.menu-search-box:ltr {
+  padding-left: 30px;
+}
+
+.menu-search-box-rtl {
+  padding-right: 30px;
+}
+
+#menu-search-entry {
+  width: 250px;
+  height: 15px;
+  font-weight: normal;
+  caret-color: #eeffff;
+}
+
+.menu-search-entry-icon {
+  icon-size: 1em;
+  color: #eeffff;
+}
+
+.info-osd {
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em;
+  padding: 16px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(16, 17, 26, 0.85);
+}
+
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em;
+  padding: 20px;
+  min-width: 64px;
+  min-height: 64px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 0;
+  background-color: rgba(16, 17, 26, 0.85);
+  border: none;
+}
+
+.osd-window .osd-monitor-label {
+  font-size: 3em;
+}
+
+.osd-window .level {
+  padding: 0;
+  height: 4px;
+  background-color: rgba(0, 0, 0, 0.35);
+  border-radius: 6px;
+  color: #e2e9e9;
+}
+
+.osd-window .level-bar {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+.window-list-box {
+  spacing: 2px;
+}
+
+.panel-bottom .window-list-box:ltr,
+.panel-top .window-list-box:ltr {
+  padding: 0 0 0 8px;
+}
+
+.panel-bottom .window-list-box:rtl,
+.panel-top .window-list-box:rtl {
+  padding: 0 8px 0 0;
+}
+
+.window-list-box.vertical {
+  padding: 6px 0 0 0;
+}
+
+.window-list-box.vertical #appMenuIcon {
+  padding-top: 2px;
+}
+
+.window-list-box:highlight {
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+.window-list-item-label {
+  font-weight: normal;
+  width: 15em;
+  min-width: 5px;
+}
+
+.window-list-item-box {
+  font-weight: normal;
+  background-image: none;
+  transition-duration: 100ms;
+  color: rgba(238, 255, 255, 0.9);
+  border-radius: 0;
+}
+
+.panel-bottom .window-list-item-box StLabel {
+  padding-left: 6px;
+}
+
+.panel-top .window-list-item-box StLabel {
+  padding-left: 6px;
+}
+
+.panel-left .window-list-item-box StLabel {
+  padding-top: 6px;
+}
+
+.panel-right .window-list-item-box StLabel {
+  padding-top: 6px;
+}
+
+.panel-top .window-list-item-box {
+  border-top: 2px solid transparent;
+}
+
+.panel-top .window-list-item-box StIcon,
+.panel-top .window-list-item-box StBin,
+.panel-top .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-top: 0;
+}
+
+.panel-bottom .window-list-item-box {
+  border-bottom: 2px solid transparent;
+}
+
+.panel-bottom .window-list-item-box StIcon,
+.panel-bottom .window-list-item-box StBin,
+.panel-bottom .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-bottom: 0;
+}
+
+.panel-left .window-list-item-box {
+  border-left: 2px solid transparent;
+}
+
+.panel-left .window-list-item-box StIcon,
+.panel-left .window-list-item-box StBin,
+.panel-left .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-left: 0;
+}
+
+.panel-right .window-list-item-box {
+  border-right: 2px solid transparent;
+}
+
+.panel-right .window-list-item-box StIcon,
+.panel-right .window-list-item-box StBin,
+.panel-right .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-right: 0;
+}
+
+.window-list-item-box:hover {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.window-list-item-box:active,
+.window-list-item-box:checked,
+.window-list-item-box:running {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.25);
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+.window-list-item-box:active:hover,
+.window-list-item-box:checked:hover,
+.window-list-item-box:running:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.window-list-item-box:focus {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-image: radial-gradient(
+    5px 5px 45deg,
+    circle cover,
+    rgba(238, 255, 255, 0.7) 0%,
+    rgba(238, 255, 255, 0.7) 100%
+  );
+  border-color: #e2e9e9;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.window-list-item-box:focus:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.panel-top .window-list-item-box:focus {
+  background-position: top center;
+}
+
+.panel-bottom .window-list-item-box:focus {
+  background-position: bottom center;
+}
+
+.panel-left .window-list-item-box:focus {
+  background-position: left center;
+}
+
+.panel-right .window-list-item-box:focus {
+  background-position: right center;
+}
+
+.window-list-item-box.right,
+.window-list-item-box.left {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.window-list-item-box .progress {
+  background-gradient-direction: vertical;
+  background-gradient-start: #81c995;
+  background-gradient-end: #81c995;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+.window-list-item-demands-attention {
+  background-gradient-start: #ffcb6b;
+  background-gradient-end: #ffcb6b;
+}
+
+.window-list-preview {
+  padding: 12px;
+  spacing: 6px;
+  border: none;
+  background-color: #0f111a;
+  border-radius: 6px;
+  color: #eeffff;
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
+}
+
+.grouped-window-list-thumbnail-label {
+  padding-left: 4px;
+}
+
+.grouped-window-list-thumbnail-alert {
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+.grouped-window-list-thumbnail-menu {
+  padding: 6px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box {
+  padding: 6px;
+  border-radius: 6px;
+  spacing: 6px;
+  margin: 1px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:outlined {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.grouped-window-list-thumbnail-menu .item-box:hover {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.grouped-window-list-thumbnail-menu .thumbnail {
+  width: 256px;
+}
+
+.grouped-window-list-thumbnail-menu .separator {
+  width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.grouped-window-list-number-label {
+  z-index: 120;
+  text-shadow: none;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 0;
+}
+
+.grouped-window-list-button-label {
+  padding-left: 2px;
+}
+
+.grouped-window-list-badge {
+  border-radius: 256px;
+  background-color: #e2e9e9;
+}
+
+.grouped-window-list-item-box {
+  font-weight: normal;
+  transition-duration: 100ms;
+  border: none;
+  margin: 0;
+  color: rgba(238, 255, 255, 0.6);
+  border-radius: 0;
+  spacing: 6px;
+  border-bottom: 2px solid transparent;
+}
+
+.grouped-window-list-item-box.top,
+.grouped-window-list-item-box.bottom {
+  padding: 0 2px;
+}
+
+.grouped-window-list-item-box:hover {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.grouped-window-list-item-box:active {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: transparent;
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+.grouped-window-list-item-box:active:hover {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.grouped-window-list-item-box:focus {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.2);
+  border-color: #e2e9e9;
+}
+
+.grouped-window-list-item-box:focus:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.grouped-window-list-item-box .progress {
+  background-gradient-direction: vertical;
+  background-gradient-start: #81c995;
+  background-gradient-end: #81c995;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+.grouped-window-list-item-demands-attention {
+  background-gradient-start: #ffcb6b;
+  background-gradient-end: #ffcb6b;
+}
+
+.sound-button {
+  width: 22px;
+  height: 13px;
+  padding: 8px;
+}
+
+.sound-button-container {
+  padding-right: 3px;
+  padding-left: 3px;
+}
+
+.sound-button StIcon {
+  icon-size: 1.4em;
+}
+
+.sound-track-infos {
+  padding: 5px;
+}
+
+.sound-track-info {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+
+.sound-track-info StIcon {
+  icon-size: 16px;
+}
+
+.sound-track-info StLabel {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.sound-track-box {
+  padding-left: 15px;
+  padding-right: 15px;
+  max-width: 220px;
+}
+
+.sound-seek-box {
+  padding-left: 15px;
+}
+
+.sound-seek-box StLabel {
+  padding-top: 2px;
+}
+
+.sound-seek-box StIcon {
+  icon-size: 16px;
+}
+
+.sound-seek-slider {
+  width: 140px;
+}
+
+.sound-volume-menu-item {
+  padding: 0.4em 1.75em;
+}
+
+.sound-volume-menu-item StIcon {
+  icon-size: 1.14em;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.sound-playback-control {
+  padding: 5px 10px 10px 10px;
+}
+
+.sound-player {
+  padding: 0 0;
+  margin-top: 6px;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.sound-player > StBoxLayout:first-child {
+  padding: 5px 10px 10px 10px;
+  spacing: 0.5em;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small {
+  width: 24px;
+  height: 24px;
+  border-radius: 9999px;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:hover {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:active {
+  background-color: rgba(0, 0, 0, 0.26);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small StIcon {
+  icon-size: 16px;
+}
+
+.sound-player-generic-coverart {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.sound-player-overlay {
+  width: 290px;
+  height: 80px;
+  padding: 12px 18px;
+  spacing: 6px;
+  background-color: rgba(0, 0, 0, 0.45);
+  border: none;
+  border-radius: 0 0 6px 6px;
+  color: #eeffff;
+  text-shadow: none;
+}
+
+.sound-player-overlay StButton {
+  width: 16px;
+  height: 16px;
+  padding: 8px;
+  margin: 0 6px 6px;
+  color: #eeffff;
+  border-radius: 9999px;
+  border: none;
+  text-shadow: none;
+}
+
+.sound-player-overlay StButton StIcon {
+  icon-size: 16px;
+}
+
+.sound-player-overlay StButton:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.sound-player-overlay StButton:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.sound-player-overlay StLabel {
+  padding: 0 6px;
+}
+
+.sound-player-overlay StBoxLayout {
+  padding-top: 2px;
+}
+
+.sound-player .slider {
+  height: 0.5em;
+  padding: 0;
+  border: 0px solid rgba(5, 5, 5, 0.9);
+  border-bottom: 1px;
+  -slider-height: 0.5em;
+  -slider-background-color: #1f1f1f;
+  -slider-border-color: rgba(0, 0, 0, 0);
+  -slider-active-background-color: #e2e9e9;
+  -slider-active-border-color: rgba(0, 0, 0, 0);
+  -slider-border-width: 0px;
+  -slider-handle-radius: 0px;
+}
+
+#workspaceSwitcher {
+  spacing: 0px;
+  padding: 3px;
+}
+
+/* Controls the styling when using the "Simple buttons" option */
+.workspace-switcher {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.workspace-button {
+  width: 20px;
+  height: 10px;
+  color: rgba(238, 255, 255, 0.7);
+  padding: 3px;
+  padding-top: 4px;
+  transition-duration: 300;
+}
+
+.workspace-button:outlined,
+.workspace-button:outlined:hover {
+  color: #e2e9e9;
+}
+
+.workspace-button:hover {
+  color: #eeffff;
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+  padding: 3px;
+  spacing: 3px;
+}
+
+.workspace-graph .workspace {
+  border: 1px solid rgba(0, 0, 0, 0.4);
+  background-gradient-direction: none;
+  background-color: rgba(0, 0, 0, 0.2);
+}
+
+.workspace-graph .workspace:active {
+  border: 1px solid #e2e9e9;
+  background-gradient-direction: none;
+}
+
+.workspace-graph .workspace .windows {
+  -active-window-background: rgba(71, 71, 71, 0.75);
+  -active-window-border: rgba(0, 0, 0, 0.8);
+  -inactive-window-background: rgba(71, 71, 71, 0.75);
+  -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+.workspace-graph .workspace:active .windows {
+  -active-window-background: rgba(84, 84, 84, 0.75);
+  -active-window-border: rgba(0, 0, 0, 0.8);
+  -inactive-window-background: rgba(46, 46, 46, 0.75);
+  -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+#panel-launchers-box {
+  padding: 0 6px;
+}
+
+#panel-launchers-box.vertical {
+  padding: 3px 0;
+}
+
+.panel-launcher {
+  padding: 2px;
+  transition-duration: 200ms;
+  border-radius: 0;
+}
+
+.panel-launcher:hover {
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.panel-launcher:active {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.launcher {
+  padding: 2px;
+  spacing: 2px;
+  transition-duration: 0.2s;
+  border-radius: 0;
+}
+
+.launcher:hover {
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.launcher:active {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.launcher .icon-box {
+  padding: 2px;
+}
+
+.applet-separator {
+  padding: 1px 3px;
+}
+
+.applet-separator-line {
+  width: 1px;
+  background: rgba(238, 255, 255, 0.12);
+}
+
+.applet-box {
+  padding: 0 6px;
+  color: rgba(238, 255, 255, 0.7);
+  text-shadow: none;
+  transition-duration: 100ms;
+  border-radius: 0;
+}
+
+.applet-box.vertical {
+  padding: 6px 0;
+}
+
+.applet-box:hover {
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.applet-box:checked,
+.applet-box:checked:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.applet-box:highlight {
+  background-image: none;
+  border-image: none;
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+.applet-label {
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.applet-box:checked .applet-label {
+  color: rgba(0, 0, 0, 0.87);
+  text-shadow: none;
+}
+
+.applet-icon {
+  color: rgba(238, 255, 255, 0.7);
+  icon-size: 16px;
+}
+
+.applet-box:checked .applet-icon {
+  color: rgba(238, 255, 255, 0.7);
+  text-shadow: none;
+}
+
+.user-icon {
+  width: 32px;
+  height: 32px;
+  background-color: transparent;
+  border: none;
+  border-radius: 0;
+}
+
+.user-label {
+  color: #eeffff;
+  font-size: 1em;
+  font-weight: bold;
+  margin: 0px;
+}
+
+.desklet {
+  color: #eeffff;
+}
+
+.desklet:highlight {
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+.desklet-with-borders {
+  color: #eeffff;
+  background-color: rgba(31, 34, 51, 0.9);
+  padding: 12px;
+  padding-bottom: 16px;
+}
+
+.desklet-with-borders:highlight {
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+.desklet-with-borders-and-header {
+  color: #eeffff;
+  background-color: rgba(31, 34, 51, 0.9);
+  border-radius: 6px;
+  border-radius-topleft: 0;
+  border-radius-topright: 0;
+  padding: 12px;
+  padding-bottom: 17px;
+}
+
+.desklet-with-borders-and-header:highlight {
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+.desklet-header {
+  color: #eeffff;
+  background-color: rgba(31, 34, 51, 0.9);
+  border-radius: 0;
+  border-radius-topleft: 6px;
+  border-radius-topright: 6px;
+  font-size: 1em;
+  padding: 12px;
+  padding-bottom: 6px;
+}
+
+.desklet-drag-placeholder {
+  border: 2px solid #84ffff;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+.photoframe-box {
+  color: #eeffff;
+  background-color: rgba(31, 34, 51, 0.9);
+  padding: 12px;
+  padding-bottom: 16px;
+}
+
+.workspace-osd {
+  text-shadow: black 5px 5px 5px;
+  font-weight: bold;
+  font-size: 48pt;
+}
+
+.notification-applet-padding {
+  padding: 0.5em 1em;
+}
+
+.notification-applet-container {
+  max-height: 9999px;
+}
+
+.tile-preview,
+.tile-preview.snap,
+.tile-hud,
+.tile-hud.snap {
+  background-color: rgba(226, 233, 233, 0.3);
+  border: 1px solid #e2e9e9;
+}
+
+.xkcd-box {
+  padding: 6px;
+  border: 0px;
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 0px;
+}
diff --git a/Material/files/Material/cinnamon/thumbnail.png b/Material/files/Material/cinnamon/thumbnail.png
new file mode 100644
index 000000000..7e1247e57
Binary files /dev/null and b/Material/files/Material/cinnamon/thumbnail.png differ
diff --git a/Material/files/Material/config/CREDITS b/Material/files/Material/config/CREDITS
new file mode 100644
index 000000000..67e481b9d
--- /dev/null
+++ b/Material/files/Material/config/CREDITS
@@ -0,0 +1,6 @@
+
+This is a repackaging of the Material GTK theme to allow in place configuration using a GUI app writen in python. All credit for the theme goes to the original author(s). See https://github.com/Fausto-Korpsvart/Material-GTK-Themes for more information.
+
+Changes: Files options.py, config.sh, and options_config.json have been added. Directory structure changed and some unneeded theme files removed.
+
+LICENSE: GPLv3
diff --git a/Material/files/Material/config/DeepOcean-B-LB/gtk-3.0/gtk-dark.css b/Material/files/Material/config/DeepOcean-B-LB/gtk-3.0/gtk-dark.css
new file mode 100644
index 000000000..bd607e8ff
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B-LB/gtk-3.0/gtk-dark.css
@@ -0,0 +1,11425 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #0f111a;
+/* text widgets and the like base background color */
+@define-color theme_base_color #0f111a;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f111a;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #232637;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #0f111a;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #0f111a;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #0f111a;
+@define-color wm_unfocused_bg #0f111a;
+@define-color wm_button_close_icon #0f111a;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #0f111a;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #0f111a;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #0f111a;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #0f111a;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #0f111a;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #0f111a;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #0f111a;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #0f111a;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #e2e9e9 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #e2e9e9 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #f07178;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #e2e9e9;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #eeffff;
+  background-color: #464b5d;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #232637;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #0f111a;
+}
+
+textview border {
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+.dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #f07178;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #0f111a;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #eeffff;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(154, 165, 206, 0.9);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(154, 165, 206, 0.7);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.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;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar 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.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+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 {
+  color: #89ddff;
+}
+
+*:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #0f111a;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+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(238, 255, 255, 0.12);
+  background-color: #232637;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+  color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar stackswitcher {
+  border: 2px solid #e2e9e9;
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: #0f111a;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.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 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.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: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 10px 15px;
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 15px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #0f111a;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+  background-color: #292d3e;
+  color: #84ffff;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(238, 255, 255, 0.3);
+  border-top-color: rgba(238, 255, 255, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(238, 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: #eeffff;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #0f111a;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #292d3e;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 2px solid #e2e9e9;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #eeffff;
+  font: initial;
+  font-weight: 500;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #3b3f51;
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-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),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #464b5d;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+  margin-top: 8px;
+  margin-bottom: -12px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #eeffff;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+  margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 2px solid #676e95;
+  box-shadow: none;
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #292d3e;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #232637;
+  color: #84ffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: transparent;
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: transparent;
+}
+
+scrollbar.bottom {
+  border-bottom: transparent;
+}
+
+scrollbar.left {
+  border-bottom: transparent;
+}
+
+scrollbar.right {
+  border-bottom: transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 4px;
+  min-height: 4px;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 2px;
+  min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 2px;
+  min-height: 2px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+  background-color: transparent;
+  color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked slider {
+  background-color: #0f111a;
+  color: #0f111a;
+}
+
+/*************************
+ * 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;
+}
+
+.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;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -8px;
+  padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #e2e9e9;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+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:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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;
+}
+
+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(238, 255, 255, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+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')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #eeffff;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #e2e9e9;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+  border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #0f111a;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #ffcb6b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #c3e88d;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms 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(238, 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: #eeffff;
+}
+
+expander title > arrow:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #292d3e;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+.csd filechooser {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #0f111a;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(238, 255, 255, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.12)),
+    image(rgba(238, 255, 255, 0.12));
+  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;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #0f111a;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip * {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #e2e9e9;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #0f111a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 14px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 16px transparent;
+  border: 2px solid #84ffff;
+  background-clip: border-box;
+  margin: 8px;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 16px transparent;
+  border: 2px solid #464b5d;
+  background-clip: border-box;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+  border-radius: 0;
+  border: none;
+}
+
+.popup decoration {
+  box-shadow: none;
+}
+
+.ssd decoration {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #84ffff;
+  border: none;
+  border-radius: 12px 12px 0 0;
+}
+
+.ssd decoration:backdrop {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #464b5d;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  border: 2px solid #676e95;
+  background-clip: border-box;
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.csd decoration {
+  border-radius: 12px;
+  border: none;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  border: 2px solid #e2e9e9;
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #0f111a;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover {
+  background-color: #84ffff;
+  color: #0f111a;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+  background-color: #c792ea;
+  color: #0f111a;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.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(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #e2e9e9;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#e2e9e9, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#e2e9e9, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #0f111a;
+  color: #e2e9e9;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #232637;
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #232637;
+  font-weight: 700;
+  border-left: 3px solid #f07178;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #84ffff;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #232637;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #eeffff;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #84ffff;
+  background-color: #232637;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+  color: #84ffff;
+  background-color: #232637;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #232637;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #84ffff;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #e2e9e9;
+  color: #e2e9e9;
+}
+
+.disk-space-display.free {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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 {
+  margin: -6px 0 0 -6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > label {
+  margin: 0 8px;
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > box
+  > button {
+  border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+  padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+  margin-top: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box {
+  margin-bottom: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box.linked {
+  margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+  margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #232637;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #232637;
+}
+
+.gedit-document-panel row button.flat {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #292d3e;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > 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;
+}
+
+/**********
+ * Tweaks *
+ **********/
+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,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > 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 list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > 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 list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > 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 list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #292d3e;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > 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
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+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
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#eeffff,
+.tweak-#eeffff,
+.tweak-#eeffff:hover {
+  background-image: image(#0f111a);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#0f111a);
+}
+
+.tweak-group-startup {
+  background-image: image(#0f111a);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > 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: #0f111a;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > 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 > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #0f111a;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > 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;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #0f111a;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#0f111a);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #e2e9e9;
+  background-color: #0f111a;
+}
+
+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(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #0f111a;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #232637;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #e2e9e9 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+docktab:checked {
+  transition: all 75ms 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 #e2e9e9;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+dockoverlayedge {
+  background-color: #0f111a;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+pillbox {
+  background-color: #0f111a;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #0f111a;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.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: #eeffff;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #0f111a;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(226, 233, 233, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #eeffff;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #eeffff;
+}
+
+button.photos-filter-preview:checked image {
+  color: #eeffff;
+}
+
+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;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#232637);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#e2e9e9);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #0f111a;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #0f111a;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  padding: 0 2px 3px 2px;
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+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: 12px;
+}
+
+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: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#232637);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #232637;
+  color: #eeffff;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  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: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #eeffff;
+  background-color: #0f111a;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #0f111a;
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * 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,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #0f111a;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified headerbar.selection-mode {
+  box-shadow: none;
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+  border: none;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #84ffff, 0 0 16px transparent;
+}
+
+window.background.csd.unified:backdrop,
+window.background.csd.unified > decoration:backdrop,
+window.background.csd.unified > decoration-overlay:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #464b5d, 0 0 16px transparent;
+}
+
+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;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+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(#292d3e);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+window > notebook > stack {
+  margin: 0 3px 3px 3px;
+}
+
+window > notebook {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #0f111a;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #292d3e;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #444267;
+}
+
+window.background.chromium > button {
+  color: #e2e9e9;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #e2e9e9;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #444267;
+  background-color: #0f111a;
+}
+
+window.background.chromium menu {
+  border-color: #515772;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #0f111a;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #e2e9e9;
+  box-shadow: inset 0 0 0 1px #e2e9e9;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #232637;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #717cb4;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #8da3ca;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(113, 124, 180, 0.5);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #eeffff;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #444267;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #444267;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #0f111a;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -2px;
+  border: 2px solid #e2e9e9;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #0f111a;
+}
+
+/*********
+ * 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: #e2e9e9;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(15, 17, 26, 0.95);
+  color: #eeffff;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #e2e9e9;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.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 {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 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: #e2e9e9;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+.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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #292d3e;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #e2e9e9;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.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: #0f111a;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  background-image: none;
+  color: #eeffff;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #0f111a;
+  color: #eeffff;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+#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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #e2e9e9;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #292d3e;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(238, 255, 255, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #eeffff;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(238, 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(238, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(238, 255, 255, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(238, 255, 255, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #232637;
+}
+
+.budgie-panel button {
+  color: rgba(238, 255, 255, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #f07178;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #eeffff;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #eeffff;
+}
+
+.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:not(:checked) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+}
+
+.top frame.raven-frame > border {
+  margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+  margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+  margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+  margin-left: 32px;
+}
+
+.raven {
+  background-color: #292d3e;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.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(238, 255, 255, 0.06);
+  color: #eeffff;
+}
+
+.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: #eeffff;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #232637;
+  color: #eeffff;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #f07178;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #eeffff;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #0f111a;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+#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(238, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+  background-color: #0f111a;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover,
+.nemo-window .primary-toolbar button.text-button:active,
+.nemo-window .primary-toolbar button.text-button:checked {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+  border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #232637;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #676e95;
+  -nemoplacestreeview-disk-full-fg-color: #e2e9e9;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
diff --git a/Material/files/Material/config/DeepOcean-B-LB/gtk-3.0/gtk.css b/Material/files/Material/config/DeepOcean-B-LB/gtk-3.0/gtk.css
new file mode 100644
index 000000000..2370162db
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B-LB/gtk-3.0/gtk.css
@@ -0,0 +1,11425 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #0f111a;
+/* text widgets and the like base background color */
+@define-color theme_base_color #0f111a;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f111a;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #232637;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #0f111a;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #0f111a;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #0f111a;
+@define-color wm_unfocused_bg #0f111a;
+@define-color wm_button_close_icon #0f111a;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #0f111a;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #0f111a;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #0f111a;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #0f111a;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #0f111a;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #0f111a;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #0f111a;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #0f111a;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #e2e9e9 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #e2e9e9 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #f07178;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #e2e9e9;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #eeffff;
+  background-color: #464b5d;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #232637;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #0f111a;
+}
+
+textview border {
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+.dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #f07178;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #0f111a;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #eeffff;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(154, 165, 206, 0.9);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(154, 165, 206, 0.7);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.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;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar 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.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+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 {
+  color: #89ddff;
+}
+
+*:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #0f111a;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+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(238, 255, 255, 0.12);
+  background-color: #232637;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+  color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar stackswitcher {
+  border: 2px solid #e2e9e9;
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: #0f111a;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.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 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.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: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 10px 15px;
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 15px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #0f111a;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+  background-color: #292d3e;
+  color: #84ffff;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(238, 255, 255, 0.3);
+  border-top-color: rgba(238, 255, 255, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(238, 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: #eeffff;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #0f111a;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #292d3e;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 2px solid #e2e9e9;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #eeffff;
+  font: initial;
+  font-weight: 500;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #3b3f51;
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-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),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #464b5d;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+  margin-top: 8px;
+  margin-bottom: -12px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #eeffff;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+  margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 2px solid #676e95;
+  box-shadow: none;
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #292d3e;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #232637;
+  color: #84ffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: transparent;
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: transparent;
+}
+
+scrollbar.bottom {
+  border-bottom: transparent;
+}
+
+scrollbar.left {
+  border-bottom: transparent;
+}
+
+scrollbar.right {
+  border-bottom: transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 4px;
+  min-height: 4px;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 2px;
+  min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 2px;
+  min-height: 2px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+  background-color: transparent;
+  color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked slider {
+  background-color: #0f111a;
+  color: #0f111a;
+}
+
+/*************************
+ * 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;
+}
+
+.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;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -8px;
+  padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #e2e9e9;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+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:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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;
+}
+
+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(238, 255, 255, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+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')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #eeffff;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #e2e9e9;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+  border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #0f111a;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #ffcb6b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms 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(238, 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: #eeffff;
+}
+
+expander title > arrow:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #292d3e;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+.csd filechooser {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #0f111a;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(238, 255, 255, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.12)),
+    image(rgba(238, 255, 255, 0.12));
+  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;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #0f111a;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip * {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #e2e9e9;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #0f111a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 14px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 16px transparent;
+  border: 2px solid #84ffff;
+  background-clip: border-box;
+  margin: 8px;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 16px transparent;
+  border: 2px solid #464b5d;
+  background-clip: border-box;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+  border-radius: 0;
+  border: none;
+}
+
+.popup decoration {
+  box-shadow: none;
+}
+
+.ssd decoration {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #84ffff;
+  border: none;
+  border-radius: 12px 12px 0 0;
+}
+
+.ssd decoration:backdrop {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #464b5d;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  border: 2px solid #676e95;
+  background-clip: border-box;
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.csd decoration {
+  border-radius: 12px;
+  border: none;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  border: 2px solid #e2e9e9;
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #0f111a;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover {
+  background-color: #84ffff;
+  color: #0f111a;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+  background-color: #c792ea;
+  color: #0f111a;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.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(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #e2e9e9;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#e2e9e9, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#e2e9e9, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #0f111a;
+  color: #e2e9e9;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #232637;
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #232637;
+  font-weight: 700;
+  border-left: 3px solid #f07178;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #84ffff;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #232637;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #eeffff;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #84ffff;
+  background-color: #232637;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+  color: #84ffff;
+  background-color: #232637;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #232637;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #84ffff;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #e2e9e9;
+  color: #e2e9e9;
+}
+
+.disk-space-display.free {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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 {
+  margin: -6px 0 0 -6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > label {
+  margin: 0 8px;
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > box
+  > button {
+  border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+  padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+  margin-top: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box {
+  margin-bottom: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box.linked {
+  margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+  margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #232637;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #232637;
+}
+
+.gedit-document-panel row button.flat {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #292d3e;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > 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;
+}
+
+/**********
+ * Tweaks *
+ **********/
+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,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > 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 list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > 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 list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > 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 list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #292d3e;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > 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
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+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
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#eeffff,
+.tweak-#eeffff,
+.tweak-#eeffff:hover {
+  background-image: image(#0f111a);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#0f111a);
+}
+
+.tweak-group-startup {
+  background-image: image(#0f111a);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > 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: #0f111a;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > 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 > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #0f111a;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > 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;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #0f111a;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#0f111a);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #e2e9e9;
+  background-color: #0f111a;
+}
+
+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(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #0f111a;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #232637;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #e2e9e9 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+docktab:checked {
+  transition: all 75ms 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 #e2e9e9;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+dockoverlayedge {
+  background-color: #0f111a;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+pillbox {
+  background-color: #0f111a;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #0f111a;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.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: #eeffff;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #0f111a;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(226, 233, 233, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #eeffff;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #eeffff;
+}
+
+button.photos-filter-preview:checked image {
+  color: #eeffff;
+}
+
+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;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#232637);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#e2e9e9);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #0f111a;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #0f111a;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  padding: 0 2px 3px 2px;
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+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: 12px;
+}
+
+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: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#232637);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #232637;
+  color: #eeffff;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  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: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #eeffff;
+  background-color: #0f111a;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #0f111a;
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * 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,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #0f111a;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified headerbar.selection-mode {
+  box-shadow: none;
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+  border: none;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #84ffff, 0 0 16px transparent;
+}
+
+window.background.csd.unified:backdrop,
+window.background.csd.unified > decoration:backdrop,
+window.background.csd.unified > decoration-overlay:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #464b5d, 0 0 16px transparent;
+}
+
+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;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+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(#292d3e);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+window > notebook > stack {
+  margin: 0 3px 3px 3px;
+}
+
+window > notebook {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #0f111a;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #292d3e;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #444267;
+}
+
+window.background.chromium > button {
+  color: #e2e9e9;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #e2e9e9;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #444267;
+  background-color: #0f111a;
+}
+
+window.background.chromium menu {
+  border-color: #515772;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #0f111a;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #e2e9e9;
+  box-shadow: inset 0 0 0 1px #e2e9e9;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #232637;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #717cb4;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #8da3ca;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(113, 124, 180, 0.5);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #eeffff;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #444267;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #444267;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #0f111a;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -2px;
+  border: 2px solid #e2e9e9;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #0f111a;
+}
+
+/*********
+ * 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: #e2e9e9;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(15, 17, 26, 0.95);
+  color: #eeffff;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #e2e9e9;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.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 {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 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: #e2e9e9;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+.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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #292d3e;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #e2e9e9;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.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: #0f111a;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  background-image: none;
+  color: #eeffff;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #0f111a;
+  color: #eeffff;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+#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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #e2e9e9;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #292d3e;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(238, 255, 255, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #eeffff;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(238, 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(238, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(238, 255, 255, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(238, 255, 255, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #232637;
+}
+
+.budgie-panel button {
+  color: rgba(238, 255, 255, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #f07178;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #eeffff;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #eeffff;
+}
+
+.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:not(:checked) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+}
+
+.top frame.raven-frame > border {
+  margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+  margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+  margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+  margin-left: 32px;
+}
+
+.raven {
+  background-color: #292d3e;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.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(238, 255, 255, 0.06);
+  color: #eeffff;
+}
+
+.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: #eeffff;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #232637;
+  color: #eeffff;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #f07178;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #eeffff;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #0f111a;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+#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(238, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+  background-color: #0f111a;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover,
+.nemo-window .primary-toolbar button.text-button:active,
+.nemo-window .primary-toolbar button.text-button:checked {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+  border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #232637;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #676e95;
+  -nemoplacestreeview-disk-full-fg-color: #e2e9e9;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
diff --git a/Material/files/Material/config/DeepOcean-B-LB/gtk-3.0/thumbnail.png b/Material/files/Material/config/DeepOcean-B-LB/gtk-3.0/thumbnail.png
new file mode 100644
index 000000000..0e4358002
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/gtk-3.0/thumbnail.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/gtk-4.0/gtk-dark.css b/Material/files/Material/config/DeepOcean-B-LB/gtk-4.0/gtk-dark.css
new file mode 100644
index 000000000..8920ddf78
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B-LB/gtk-4.0/gtk-dark.css
@@ -0,0 +1,6950 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #0f111a;
+/* text widgets and the like base background color */
+@define-color theme_base_color #0f111a;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f111a;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #232637;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #0f111a;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #0f111a;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #0f111a;
+@define-color wm_unfocused_bg #0f111a;
+@define-color wm_button_close_icon #0f111a;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #0f111a;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #0f111a;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #0f111a;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #0f111a;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #0f111a;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #0f111a;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #0f111a;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #0f111a;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+dnd {
+  color: #eeffff;
+}
+
+.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 {
+  color: #eeffff;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+textview text {
+  background-color: #0f111a;
+}
+
+textview border {
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #eeffff;
+  background-color: #0f111a;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+label.search-information {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(238, 255, 255, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #eeffff;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * 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 {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+  padding: 2px 12px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #0f111a;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 0%,
+      rgba(226, 233, 233, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 95%,
+      rgba(226, 233, 233, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+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,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+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,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+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,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+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,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+button.osd:hover {
+  background-color: #444267;
+  color: #eeffff;
+}
+
+button.osd:active {
+  background-color: #1a1c25;
+  color: #eeffff;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #e2e9e9;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #ff7043;
+  box-shadow: inset 0 0 0 1px #ff7043;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+menubutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+menubutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+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.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+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: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 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: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(238, 255, 255, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+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: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+splitbutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+splitbutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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;
+}
+
+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) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #89ddff;
+}
+
+link:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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: 9px;
+  padding-right: 9px;
+}
+
+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 popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #0f111a;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.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 {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #eeffff;
+}
+
+headerbar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+  color: #eeffff;
+  box-shadow: none;
+}
+
+headerbar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+  border: 2px solid #e2e9e9;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+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');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.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: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #0f111a
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(226, 233, 233, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #0f111a
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#0f111a);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #444267;
+  border-top-color: #444267;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #e2e9e9;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #0f111a;
+}
+
+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(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #eeffff;
+}
+
+menubar:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > item:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+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;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #292d3e;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #eeffff;
+  border: 2px solid #676e95;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: 2px solid #676e95;
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #eeffff;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #3b3f51;
+  color: #84ffff;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+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 label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(238, 255, 255, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #84ffff;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #84ffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+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;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #0f111a;
+  color: #eeffff;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#e2e9e9, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#ff7043, 0.4);
+  background-color: alpha(#ff7043, 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: #e2e9e9;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#e2e9e9, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #eeffff;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  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(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+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(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #0f111a;
+  color: #0f111a;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #eeffff;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #0f111a;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #e2e9e9;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #0f111a;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -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'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(238, 255, 255, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #232637 49.99%, #eeffff 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #eeffff;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #eeffff;
+  background-image: image(#232637);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #0f111a;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #ffcb6b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #eeffff;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  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(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #eeffff;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(238, 255, 255, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #e2e9e9;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #eeffff;
+}
+
+expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #292d3e;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: 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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #292d3e;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+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 {
+  color: inherit;
+}
+
+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 {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#444267);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #0f111a;
+  background-image: image(#444267), image(#444267);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #232637;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #eeffff;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #292d3e;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #eeffff;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #292d3e;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #0f111a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #84ffff, 0 0 16px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #464b5d, 0 0 16px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #0f111a;
+  border: 2px solid #e2e9e9;
+}
+
+window.solid-csd:backdrop {
+  background-color: #0f111a;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 50%;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) image {
+  background: none;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):hover,
+windowcontrols
+  button:not(.suggested-action):not(.destructive-action).close:backdrop:hover {
+  background-color: #84ffff;
+  color: #0f111a;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):active,
+windowcontrols
+  button:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+  background-color: #c792ea;
+  color: #0f111a;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #e2e9e9;
+  background-color: #3b3f51;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #e2e9e9;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #0f111a;
+}
+
+.nautilus-window:backdrop {
+  background-color: #0f111a;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 0.8em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #232637;
+  font-weight: 700;
+  border-left: 3px solid #f07178;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #84ffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #0f111a;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #232637;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #232637;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #84ffff;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #0f111a;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+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 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(238, 255, 255, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 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: #eb4b3d;
+  background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #eeffff;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.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(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #0f111a;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #e2e9e9;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+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: #eeffff;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+  background-color: #0f111a;
+  color: rgba(238, 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: 34px;
+}
+
+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(238, 255, 255, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #e2e9e9;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+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;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #e2e9e9;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 119px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #e2e9e9;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+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;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+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: #eeffff;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #e2e9e9;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/config/DeepOcean-B-LB/gtk-4.0/gtk.css b/Material/files/Material/config/DeepOcean-B-LB/gtk-4.0/gtk.css
new file mode 100644
index 000000000..144e91c4d
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B-LB/gtk-4.0/gtk.css
@@ -0,0 +1,6950 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #0f111a;
+/* text widgets and the like base background color */
+@define-color theme_base_color #0f111a;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f111a;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #232637;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #0f111a;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #0f111a;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #0f111a;
+@define-color wm_unfocused_bg #0f111a;
+@define-color wm_button_close_icon #0f111a;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #0f111a;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #0f111a;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #0f111a;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #0f111a;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #0f111a;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #0f111a;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #0f111a;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #0f111a;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+dnd {
+  color: #eeffff;
+}
+
+.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 {
+  color: #eeffff;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+textview text {
+  background-color: #0f111a;
+}
+
+textview border {
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #eeffff;
+  background-color: #0f111a;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+label.search-information {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(238, 255, 255, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #eeffff;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * 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 {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+  padding: 2px 12px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #0f111a;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 0%,
+      rgba(226, 233, 233, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 95%,
+      rgba(226, 233, 233, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+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,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+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,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+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,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+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,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+button.osd:hover {
+  background-color: #444267;
+  color: #eeffff;
+}
+
+button.osd:active {
+  background-color: #1a1c25;
+  color: #eeffff;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #e2e9e9;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #ff7043;
+  box-shadow: inset 0 0 0 1px #ff7043;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+menubutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+menubutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+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.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+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: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 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: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(238, 255, 255, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+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: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+splitbutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+splitbutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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;
+}
+
+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) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #89ddff;
+}
+
+link:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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: 9px;
+  padding-right: 9px;
+}
+
+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 popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #0f111a;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.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 {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #eeffff;
+}
+
+headerbar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+  color: #eeffff;
+  box-shadow: none;
+}
+
+headerbar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+  border: 2px solid #e2e9e9;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+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');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.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: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #0f111a
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(226, 233, 233, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #0f111a
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#0f111a);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #444267;
+  border-top-color: #444267;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #e2e9e9;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #0f111a;
+}
+
+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(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #eeffff;
+}
+
+menubar:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > item:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+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;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #292d3e;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #eeffff;
+  border: 2px solid #676e95;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: 2px solid #676e95;
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #eeffff;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #3b3f51;
+  color: #84ffff;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+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 label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(238, 255, 255, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #84ffff;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #84ffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+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;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #0f111a;
+  color: #eeffff;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#e2e9e9, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#ff7043, 0.4);
+  background-color: alpha(#ff7043, 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: #e2e9e9;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#e2e9e9, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #eeffff;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  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(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+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(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #0f111a;
+  color: #0f111a;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #eeffff;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #0f111a;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #e2e9e9;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #0f111a;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -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'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(238, 255, 255, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #232637 49.99%, #eeffff 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #eeffff;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #eeffff;
+  background-image: image(#232637);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #0f111a;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #ffcb6b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #eeffff;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  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(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #eeffff;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(238, 255, 255, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #e2e9e9;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #eeffff;
+}
+
+expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #292d3e;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: 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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #292d3e;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+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 {
+  color: inherit;
+}
+
+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 {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#444267);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #0f111a;
+  background-image: image(#444267), image(#444267);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #232637;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #eeffff;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #292d3e;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #eeffff;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #292d3e;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #0f111a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #84ffff, 0 0 16px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #464b5d, 0 0 16px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #0f111a;
+  border: 2px solid #e2e9e9;
+}
+
+window.solid-csd:backdrop {
+  background-color: #0f111a;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 50%;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) image {
+  background: none;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):hover,
+windowcontrols
+  button:not(.suggested-action):not(.destructive-action).close:backdrop:hover {
+  background-color: #84ffff;
+  color: #0f111a;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):active,
+windowcontrols
+  button:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+  background-color: #c792ea;
+  color: #0f111a;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #e2e9e9;
+  background-color: #3b3f51;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #e2e9e9;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #0f111a;
+}
+
+.nautilus-window:backdrop {
+  background-color: #0f111a;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 0.8em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #232637;
+  font-weight: 700;
+  border-left: 3px solid #f07178;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #84ffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #0f111a;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #232637;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #232637;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #84ffff;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #0f111a;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+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 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(238, 255, 255, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 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: #eb4b3d;
+  background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #eeffff;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.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(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #0f111a;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #e2e9e9;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+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: #eeffff;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+  background-color: #0f111a;
+  color: rgba(238, 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: 34px;
+}
+
+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(238, 255, 255, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #e2e9e9;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+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;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #292d3e;
+  color: #84ffff;
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #e2e9e9;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 119px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #e2e9e9;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+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;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+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: #eeffff;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #e2e9e9;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/config/DeepOcean-B-LB/gtk-4.0/thumbnail.png b/Material/files/Material/config/DeepOcean-B-LB/gtk-4.0/thumbnail.png
new file mode 100644
index 000000000..0e4358002
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/gtk-4.0/thumbnail.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/button.svg b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/button.svg
new file mode 100644
index 000000000..51c67bf46
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/button.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <circle cx="12" cy="12" r="12"/>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/close.svg b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/close.svg
new file mode 100644
index 000000000..1fe080592
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/close.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="M17 8.41L15.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 12z"/>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/maximize.svg b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/maximize.svg
new file mode 100644
index 000000000..02d76eb51
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/maximize.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/menu.svg b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/menu.svg
new file mode 100644
index 000000000..ad8570add
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/menu.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <circle cx="12" cy="12" r="2"/>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/minimize.svg b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/minimize.svg
new file mode 100644
index 000000000..dc1fa3f58
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/minimize.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m8 14h8v2h-8z"/>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/shade.svg b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/shade.svg
new file mode 100644
index 000000000..29aeeae3e
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/shade.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m6 14 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z"/>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/unmaximize.svg b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/unmaximize.svg
new file mode 100644
index 000000000..910603724
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/unmaximize.svg
@@ -0,0 +1,64 @@
+<?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="24"
+   height="24"
+   viewBox="0 0 24 24"
+   fill="#808080"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="unmaximize.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
+  <metadata
+     id="metadata10">
+    <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>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1368"
+     inkscape:window-height="711"
+     id="namedview6"
+     showgrid="true"
+     inkscape:zoom="1.8487896"
+     inkscape:cx="-63.850129"
+     inkscape:cy="24.233787"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid835" />
+  </sodipodi:namedview>
+  <path
+     d="m 8,8 v 8 h 8 V 8 Z m 2,2 h 4 v 4 h -4 z"
+     id="path2"
+     style="stroke-width:1.33334"
+     sodipodi:nodetypes="cccccccccc" />
+  <path
+     id="path839"
+     style="stroke-width:1.33334"
+     d="M 10 6 L 10 7 L 17 7 L 17 14 L 18 14 L 18 6 L 10 6 z " />
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/unshade.svg b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/unshade.svg
new file mode 100644
index 000000000..fa98887f7
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/assets/unshade.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m18 10-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z"/>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B-LB/metacity-1/metacity-theme-1.xml b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/metacity-theme-1.xml
new file mode 120000
index 000000000..e01e16112
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/metacity-theme-1.xml
@@ -0,0 +1 @@
+metacity-theme-2.xml
\ No newline at end of file
diff --git a/Material/files/Material/config/DeepOcean-B-LB/metacity-1/metacity-theme-2.xml b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/metacity-theme-2.xml
new file mode 100644
index 000000000..7e7a215c2
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/metacity-theme-2.xml
@@ -0,0 +1,621 @@
+<?xml version="1.0"?>
+<metacity_theme>
+<info>
+  <name>Orchis</name>
+  <author>vinceliucie</author>
+  <copyright>GPL</copyright>
+  <date>2020</date>
+  <description>Orchis Metacity theme</description>
+</info>
+
+<!-- meaningful constants -->
+
+<constant name="C_titlebar_focused" value="#2d2d2d"/>
+<constant name="C_titlebar_unfocused" value="#242424"/>
+<constant name="C_highlight_focused" value="blend/#2d2d2d/#ffffff/0.1"/>
+<constant name="C_highlight_unfocused" value="blend/#242424/#ffffff/0.1"/>
+<constant name="C_title_focused" value="blend/#2d2d2d/#ffffff/0.87"/>
+<constant name="C_title_unfocused" value="blend/#242424/#ffffff/0.6"/>
+
+<!-- geometries -->
+
+<frame_geometry name="normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4">
+  <distance name="left_width" value="2"/>
+  <distance name="right_width" value="2"/>
+  <distance name="bottom_height" value="2"/>
+  <distance name="left_titlebar_edge" value="0"/>
+  <distance name="right_titlebar_edge" value="0"/>
+  <distance name="title_vertical_pad" value="13"/>
+  <border name="title_border" left="10" right="10" top="0" bottom="0"/>
+  <border name="button_border" left="0" right="0" top="0" bottom="0"/>
+  <aspect_ratio name="button" value="1"/>
+</frame_geometry>
+
+<frame_geometry name="max" rounded_top_left="false" rounded_top_right="false" parent="normal">
+  <distance name="left_width" value="0"/>
+  <distance name="right_width" value="0"/>
+  <distance name="bottom_height" value="0"/>
+</frame_geometry>
+
+<frame_geometry name="tiled_left" parent="max">
+  <distance name="right_width" value="0"/>
+</frame_geometry>
+
+<frame_geometry name="tiled_right" parent="max">
+  <distance name="left_width" value="0"/>
+</frame_geometry>
+
+<frame_geometry name="nobuttons" hide_buttons="true" parent="normal">
+</frame_geometry>
+
+<frame_geometry name="modal" parent="normal">
+</frame_geometry>
+
+<frame_geometry name="small" title_scale="small" parent="normal">
+  <distance name="title_vertical_pad" value="8"/>
+</frame_geometry>
+
+<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
+  <distance name="left_width" value="2"/>
+  <distance name="right_width" value="2"/>
+  <distance name="bottom_height" value="2"/>
+  <distance name="title_vertical_pad" value="2"/>
+  <border name="title_border" left="10" right="10" top="0" bottom="0"/>
+  <border name="button_border" left="0" right="0" top="0" bottom="0"/>
+</frame_geometry>
+
+<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
+  <distance name="left_width" value="0"/>
+  <distance name="right_width" value="0"/>
+  <distance name="bottom_height" value="0"/>
+  <distance name="title_vertical_pad" value="0"/>
+  <border name="button_border" left="0" right="0" top="0" bottom="0"/>
+  <border name="title_border" left="0" right="0" top="0" bottom="0"/>
+</frame_geometry>
+
+<frame_geometry name="attached" hide_buttons="true" rounded_bottom_left="4" rounded_bottom_right="4" parent="normal">
+  <distance name="title_vertical_pad" value="4"/>
+</frame_geometry>
+
+<!-- drawing operations -->
+
+<!-- title -->
+
+<draw_ops name="title_focused">
+  <title
+    x="(0 `max` ((width - title_width) / 2))"
+    y="(0 `max` ((height - title_height) / 2))"
+    color="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="title_unfocused">
+  <title
+    x="(0 `max` ((width - title_width) / 2))"
+    y="(0 `max` ((height - title_height) / 2))"
+    color="C_title_unfocused"/>
+</draw_ops>
+
+<!-- window decorations -->
+
+<draw_ops name="entire_background_focused">
+  <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true"/>
+</draw_ops>
+
+<draw_ops name="entire_background_unfocused">
+  <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true"/>
+</draw_ops>
+
+<draw_ops name="highlight_focused">
+  <line color="C_highlight_focused" x1="4" y1="0" x2="width - 5" y2="0"/>
+  <arc color="C_highlight_focused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/>
+  <arc color="C_highlight_focused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/>
+</draw_ops>
+
+<draw_ops name="highlight_unfocused">
+  <line color="C_highlight_unfocused" x1="4" y1="0" x2="width - 5" y2="0"/>
+  <arc color="C_highlight_unfocused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/>
+  <arc color="C_highlight_unfocused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/>
+</draw_ops>
+
+<draw_ops name="titlebar_focused">
+  <include name="entire_background_focused"/>
+  <include name="highlight_focused"/>
+</draw_ops>
+
+<draw_ops name="titlebar_unfocused">
+  <include name="entire_background_unfocused"/>
+  <include name="highlight_unfocused"/>
+</draw_ops>
+
+<!-- button icons -->
+
+<!-- close -->
+
+<draw_ops name="close_focused">
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="close_focused_prelight">
+  <include name="close_focused"/>
+</draw_ops>
+
+<draw_ops name="close_focused_pressed">
+  <include name="close_focused"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused">
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused_prelight">
+  <include name="close_unfocused"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused_pressed">
+  <include name="close_unfocused"/>
+</draw_ops>
+
+<!-- maximize -->
+
+<draw_ops name="maximize_focused">
+  <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="maximize_focused_prelight">
+  <include name="maximize_focused"/>
+</draw_ops>
+
+<draw_ops name="maximize_focused_pressed">
+  <include name="maximize_focused"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused">
+  <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused_prelight">
+  <include name="maximize_unfocused"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused_pressed">
+  <include name="maximize_unfocused"/>
+</draw_ops>
+
+<!-- unmaximize -->
+
+<draw_ops name="unmaximize_focused">
+  <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_focused_prelight">
+  <include name="unmaximize_focused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_focused_pressed">
+  <include name="unmaximize_focused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused">
+  <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused_prelight">
+  <include name="unmaximize_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused_pressed">
+  <include name="unmaximize_unfocused"/>
+</draw_ops>
+
+<!-- minimize -->
+
+<draw_ops name="minimize_focused">
+  <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="minimize_focused_prelight">
+  <include name="minimize_focused"/>
+</draw_ops>
+
+<draw_ops name="minimize_focused_pressed">
+  <include name="minimize_focused"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused">
+  <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused_prelight">
+  <include name="minimize_unfocused"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused_pressed">
+  <include name="minimize_unfocused"/>
+</draw_ops>
+
+<!-- menu -->
+
+<draw_ops name="menu_focused">
+  <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_focused_prelight">
+  <include name="menu_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_focused_pressed">
+  <include name="menu_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused">
+  <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused_prelight">
+  <include name="menu_unfocused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused_pressed">
+  <include name="menu_unfocused"/>
+</draw_ops>
+
+<!-- shade -->
+
+<draw_ops name="shade_focused">
+  <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_focused_prelight">
+  <include name="shade_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_focused_pressed">
+  <include name="shade_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused">
+  <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused_prelight">
+  <include name="shade_unfocused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused_pressed">
+  <include name="shade_unfocused"/>
+</draw_ops>
+
+<!-- unshade -->
+
+<draw_ops name="unshade_focused">
+  <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_focused_prelight">
+  <include name="unshade_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_focused_pressed">
+  <include name="unshade_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused">
+  <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused_prelight">
+  <include name="unshade_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused_pressed">
+  <include name="unshade_unfocused"/>
+</draw_ops>
+
+<!-- appmenu -->
+
+<constant name="D_appmenu_icon_size" value="16"/>
+
+<draw_ops name="appmenu_focused">
+  <icon
+    x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+    width="D_appmenu_icon_size" height="D_appmenu_icon_size"/>
+</draw_ops>
+
+<draw_ops name="appmenu_focused_prelight">
+  <include name="appmenu_focused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_focused_pressed">
+  <include name="appmenu_focused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused">
+  <icon
+    x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+    width="D_appmenu_icon_size" height="D_appmenu_icon_size"
+    alpha="0.7"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused_prelight">
+  <include name="appmenu_unfocused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused_pressed">
+  <include name="appmenu_unfocused"/>
+</draw_ops>
+
+<!-- button backgrounds -->
+
+<draw_ops name="button_focused">
+</draw_ops>
+
+<draw_ops name="button_focused_prelight">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="button_focused_pressed">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="button_unfocused">
+</draw_ops>
+
+<draw_ops name="button_unfocused_prelight">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="button_unfocused_pressed">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<!-- frame styles -->
+
+<frame_style name="normal_focused" geometry="normal">
+  <piece position="entire_background" draw_ops="entire_background_focused"/>
+  <piece position="titlebar" draw_ops="titlebar_focused"/>
+  <piece position="title" draw_ops="title_focused"/>
+  <button function="close" state="normal" draw_ops="close_focused"/>
+  <button function="close" state="prelight" draw_ops="close_focused_prelight"/>
+  <button function="close" state="pressed" draw_ops="close_focused_pressed"/>
+  <button function="maximize" state="normal" draw_ops="maximize_focused"/>
+  <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/>
+  <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/>
+  <button function="minimize" state="normal" draw_ops="minimize_focused"/>
+  <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/>
+  <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/>
+  <button function="menu" state="normal" draw_ops="menu_focused"/>
+  <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/>
+  <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/>
+  <button function="shade" state="normal" draw_ops="shade_focused"/>
+  <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/>
+  <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/>
+  <button function="unshade" state="normal" draw_ops="unshade_focused"/>
+  <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/>
+  <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/>
+
+  <button function="left_middle_background" state="normal" draw_ops="button_focused"/>
+  <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/>
+  <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/>
+  <button function="right_middle_background" state="normal" draw_ops="button_focused"/>
+  <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/>
+  <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/>
+
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<frame_style name="normal_unfocused" geometry="normal">
+  <piece position="entire_background" draw_ops="entire_background_unfocused"/>
+  <piece position="titlebar" draw_ops="titlebar_unfocused"/>
+  <piece position="title" draw_ops="title_unfocused"/>
+  <button function="close" state="normal" draw_ops="close_unfocused"/>
+  <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/>
+  <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/>
+  <button function="maximize" state="normal" draw_ops="maximize_unfocused"/>
+  <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/>
+  <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/>
+  <button function="minimize" state="normal" draw_ops="minimize_unfocused"/>
+  <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/>
+  <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/>
+  <button function="menu" state="normal" draw_ops="menu_unfocused"/>
+  <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/>
+  <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/>
+  <button function="shade" state="normal" draw_ops="shade_unfocused"/>
+  <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/>
+  <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/>
+  <button function="unshade" state="normal" draw_ops="unshade_unfocused"/>
+  <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/>
+  <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/>
+
+  <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/>
+  <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/>
+  <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/>
+  <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/>
+  <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/>
+  <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/>
+
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<frame_style name="normal_max_focused" geometry="max" parent="normal_focused">
+  <piece position="titlebar" draw_ops="entire_background_focused"/>
+  <button function="maximize" state="normal" draw_ops="unmaximize_focused"/>
+  <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/>
+  <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/>
+</frame_style>
+
+<frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused">
+  <piece position="titlebar" draw_ops="entire_background_unfocused"/>
+  <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/>
+  <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/>
+  <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/>
+</frame_style>
+
+<frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused">
+  <piece position="titlebar" draw_ops="entire_background_focused"/>
+</frame_style>
+
+<frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused">
+  <piece position="titlebar" draw_ops="entire_background_unfocused"/>
+</frame_style>
+
+<frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused">
+  <piece position="titlebar" draw_ops="entire_background_focused"/>
+</frame_style>
+
+<frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused">
+  <piece position="titlebar" draw_ops="entire_background_unfocused"/>
+</frame_style>
+
+<frame_style name="dialog_focused" geometry="nobuttons" parent="normal_focused">
+</frame_style>
+
+<frame_style name="dialog_unfocused" geometry="nobuttons" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused">
+</frame_style>
+
+<frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="utility_focused" geometry="small" parent="normal_focused">
+</frame_style>
+
+<frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="border_focused" geometry="border" parent="normal_focused">
+</frame_style>
+
+<frame_style name="border_unfocused" geometry="border" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="borderless_focused" geometry="borderless" parent="normal_focused">
+</frame_style>
+
+<frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused">
+</frame_style>
+
+<frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused">
+</frame_style>
+
+<!-- placeholder for unimplementated styles-->
+
+<frame_style name="blank" geometry="normal">
+  <button function="close" state="normal"><draw_ops></draw_ops></button>
+  <button function="close" state="pressed"><draw_ops></draw_ops></button>
+  <button function="maximize" state="normal"><draw_ops></draw_ops></button>
+  <button function="maximize" state="pressed"><draw_ops></draw_ops></button>
+  <button function="minimize" state="normal"><draw_ops></draw_ops></button>
+  <button function="minimize" state="pressed"><draw_ops></draw_ops></button>
+  <button function="menu" state="normal"><draw_ops></draw_ops></button>
+  <button function="menu" state="pressed"><draw_ops></draw_ops></button>
+  <button function="shade" state="normal"><draw_ops></draw_ops></button>
+  <button function="shade" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unshade" state="normal"><draw_ops></draw_ops></button>
+  <button function="unshade" state="pressed"><draw_ops></draw_ops></button>
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<!-- frame style sets -->
+
+<frame_style_set name="normal_style_set">
+  <frame focus="yes" state="normal" resize="both" style="normal_focused"/>
+  <frame focus="no" state="normal" resize="both" style="normal_unfocused"/>
+  <frame focus="yes" state="maximized" style="normal_max_focused"/>
+  <frame focus="no" state="maximized" style="normal_max_unfocused"/>
+  <frame focus="yes" state="shaded" style="normal_focused"/>
+  <frame focus="no" state="shaded" style="normal_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/>
+  <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/>
+</frame_style_set>
+
+<frame_style_set name="dialog_style_set">
+  <frame focus="yes" state="normal" resize="both" style="dialog_focused"/>
+  <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="dialog_focused"/>
+  <frame focus="no" state="shaded" style="dialog_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="modal_dialog_style_set">
+  <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/>
+  <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="modal_dialog_focused"/>
+  <frame focus="no" state="shaded" style="modal_dialog_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="utility_style_set">
+  <frame focus="yes" state="normal" resize="both" style="utility_focused"/>
+  <frame focus="no" state="normal" resize="both" style="utility_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="utility_focused"/>
+  <frame focus="no" state="shaded" style="utility_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="border_style_set">
+  <frame focus="yes" state="normal" resize="both" style="border_focused"/>
+  <frame focus="no" state="normal" resize="both" style="border_unfocused"/>
+  <frame focus="yes" state="maximized" style="borderless_focused"/>
+  <frame focus="no" state="maximized" style="borderless_unfocused"/>
+  <frame focus="yes" state="shaded" style="blank"/>
+  <frame focus="no" state="shaded" style="blank"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="attached_style_set">
+  <frame focus="yes" state="normal" resize="both" style="attached_focused"/>
+  <frame focus="no" state="normal" resize="both" style="attached_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="blank"/>
+  <frame focus="no" state="shaded" style="blank"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<!-- windows -->
+
+<window type="normal" style_set="normal_style_set"/>
+<window type="dialog" style_set="dialog_style_set"/>
+<window type="modal_dialog" style_set="modal_dialog_style_set"/>
+<window type="menu" style_set="utility_style_set"/>
+<window type="utility" style_set="utility_style_set"/>
+<window type="border" style_set="border_style_set"/>
+
+</metacity_theme>
diff --git a/Material/files/Material/config/DeepOcean-B-LB/metacity-1/metacity-theme-3.xml b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/metacity-theme-3.xml
new file mode 100644
index 000000000..d7b32c738
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/metacity-theme-3.xml
@@ -0,0 +1,655 @@
+<?xml version="1.0"?>
+<metacity_theme>
+<info>
+  <name>Orchis</name>
+  <author>vinceliucie</author>
+  <copyright>GPL</copyright>
+  <date>2021</date>
+  <description>Graphite Metacity theme</description>
+</info>
+
+<!-- meaningful constants -->
+
+<constant name="C_titlebar_focused" value="gtk:custom(wm_bg,gtk:bg[NORMAL])"/>
+<constant name="C_titlebar_unfocused" value="gtk:custom(wm_unfocused_bg,gtk:bg[NORMAL])"/>
+<constant name="C_highlight_focused" value="gtk:custom(wm_highlight,gtk:base[NORMAL])"/>
+<constant name="C_highlight_unfocused" value="gtk:custom(wm_highlight,gtk:base[NORMAL])"/>
+<constant name="C_title_focused" value="gtk:custom(wm_title,gtk:fg[NORMAL])"/>
+<constant name="C_title_unfocused" value="gtk:custom(wm_unfocused_title,gtk:fg[INSENSITIVE])"/>
+<constant name="C_button_close_icon" value="gtk:custom(wm_button_close_icon,gtk:base[NORMAL])" />
+<constant name="C_button_close_bg_hover" value="gtk:custom(wm_button_close_hover_bg,gtk:fg[INSENSITIVE])" />
+<constant name="C_button_close_bg_active" value="gtk:custom(wm_button_close_active_bg,gtk:fg[INSENSITIVE])" />
+
+<!-- geometries -->
+
+<frame_geometry name="normal" title_scale="medium" rounded_top_left="12" rounded_top_right="12">
+  <distance name="left_width" value="0"/>
+  <distance name="right_width" value="0"/>
+  <distance name="bottom_height" value="0"/>
+  <distance name="left_titlebar_edge" value="0"/>
+  <distance name="right_titlebar_edge" value="0"/>
+  <distance name="title_vertical_pad" value="18"/>
+  <border name="title_border" left="10" right="10" top="0" bottom="0"/>
+  <border name="button_border" left="0" right="0" top="0" bottom="0"/>
+  <aspect_ratio name="button" value="1"/>
+</frame_geometry>
+
+<frame_geometry name="max" rounded_top_left="false" rounded_top_right="false" parent="normal">
+  <distance name="left_width" value="0"/>
+  <distance name="right_width" value="0"/>
+  <distance name="bottom_height" value="0"/>
+</frame_geometry>
+
+<frame_geometry name="tiled_left" parent="max">
+  <distance name="right_width" value="0"/>
+</frame_geometry>
+
+<frame_geometry name="tiled_right" parent="max">
+  <distance name="left_width" value="0"/>
+</frame_geometry>
+
+<frame_geometry name="nobuttons" hide_buttons="true" parent="normal">
+</frame_geometry>
+
+<frame_geometry name="modal" parent="normal">
+</frame_geometry>
+
+<frame_geometry name="small" title_scale="small" parent="normal">
+  <distance name="title_vertical_pad" value="8"/>
+</frame_geometry>
+
+<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
+  <distance name="left_width" value="0"/>
+  <distance name="right_width" value="0"/>
+  <distance name="bottom_height" value="0"/>
+  <distance name="title_vertical_pad" value="0"/>
+  <border name="title_border" left="10" right="10" top="0" bottom="0"/>
+  <border name="button_border" left="0" right="0" top="0" bottom="0"/>
+</frame_geometry>
+
+<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
+  <distance name="left_width" value="0"/>
+  <distance name="right_width" value="0"/>
+  <distance name="bottom_height" value="0"/>
+  <distance name="title_vertical_pad" value="0"/>
+  <border name="button_border" left="0" right="0" top="0" bottom="0"/>
+  <border name="title_border" left="0" right="0" top="0" bottom="0"/>
+</frame_geometry>
+
+<frame_geometry name="attached" hide_buttons="true" rounded_bottom_left="8" rounded_bottom_right="8" parent="normal">
+  <distance name="title_vertical_pad" value="8"/>
+</frame_geometry>
+
+<!-- drawing operations -->
+
+<!-- title -->
+
+<draw_ops name="title_focused">
+  <title version="< 3.1"
+    x="(0 `max` ((width - title_width) / 2))"
+    y="(0 `max` ((height - title_height) / 2))"
+    color="C_title_focused"/>
+  <title version=">= 3.1"
+    x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))"
+    y="(0 `max` ((height - title_height) / 2))"
+    ellipsize_width="width"
+    color="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="title_unfocused">
+  <title version="< 3.1"
+    x="(0 `max` ((width - title_width) / 2))"
+    y="(0 `max` ((height - title_height) / 2))"
+    color="C_title_unfocused"/>
+  <title version=">= 3.1"
+    x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))"
+    y="(0 `max` ((height - title_height) / 2))"
+    ellipsize_width="width"
+    color="C_title_unfocused"/>
+</draw_ops>
+
+<!-- window decorations -->
+
+<draw_ops name="entire_background_focused">
+  <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true"/>
+</draw_ops>
+
+<draw_ops name="entire_background_unfocused">
+  <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true"/>
+</draw_ops>
+
+<draw_ops name="highlight_focused">
+  <line color="C_highlight_focused" x1="4" y1="0" x2="width - 5" y2="0"/>
+  <arc color="C_highlight_focused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/>
+  <arc color="C_highlight_focused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/>
+</draw_ops>
+
+<draw_ops name="highlight_unfocused">
+  <line color="C_highlight_unfocused" x1="4" y1="0" x2="width - 5" y2="0"/>
+  <arc color="C_highlight_unfocused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/>
+  <arc color="C_highlight_unfocused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/>
+</draw_ops>
+
+<draw_ops name="titlebar_focused">
+  <include name="entire_background_focused"/>
+  <include name="highlight_focused"/>
+</draw_ops>
+
+<draw_ops name="titlebar_unfocused">
+  <include name="entire_background_unfocused"/>
+  <include name="highlight_unfocused"/>
+</draw_ops>
+
+<!-- button icons -->
+
+<!-- close -->
+
+<draw_ops name="close_focused">
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="close_focused_prelight">
+  <image filename="assets/button.svg" colorize="C_button_close_bg_hover" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/>
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" colorize="C_titlebar_focused"/>
+</draw_ops>
+
+<draw_ops name="close_focused_pressed">
+  <image filename="assets/button.svg" colorize="C_button_close_bg_active" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/>
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" colorize="C_titlebar_focused"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused">
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused_prelight">
+  <image filename="assets/button.svg" alpha="0.7" colorize="C_button_close_bg_hover" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/>
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_titlebar_unfocused"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused_pressed">
+  <image filename="assets/button.svg" alpha="0.7" colorize="C_button_close_bg_active" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/>
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_titlebar_unfocused"/>
+</draw_ops>
+
+<!-- maximize -->
+
+<draw_ops name="maximize_focused">
+  <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="maximize_focused_prelight">
+  <include name="maximize_focused"/>
+</draw_ops>
+
+<draw_ops name="maximize_focused_pressed">
+  <include name="maximize_focused"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused">
+  <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused_prelight">
+  <include name="maximize_unfocused"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused_pressed">
+  <include name="maximize_unfocused"/>
+</draw_ops>
+
+<!-- unmaximize -->
+
+<draw_ops name="unmaximize_focused">
+  <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_focused_prelight">
+  <include name="unmaximize_focused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_focused_pressed">
+  <include name="unmaximize_focused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused">
+  <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused_prelight">
+  <include name="unmaximize_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused_pressed">
+  <include name="unmaximize_unfocused"/>
+</draw_ops>
+
+<!-- minimize -->
+
+<draw_ops name="minimize_focused">
+  <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="minimize_focused_prelight">
+  <include name="minimize_focused"/>
+</draw_ops>
+
+<draw_ops name="minimize_focused_pressed">
+  <include name="minimize_focused"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused">
+  <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused_prelight">
+  <include name="minimize_unfocused"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused_pressed">
+  <include name="minimize_unfocused"/>
+</draw_ops>
+
+<!-- menu -->
+
+<draw_ops name="menu_focused">
+  <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_focused_prelight">
+  <include name="menu_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_focused_pressed">
+  <include name="menu_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused">
+  <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused_prelight">
+  <include name="menu_unfocused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused_pressed">
+  <include name="menu_unfocused"/>
+</draw_ops>
+
+<!-- shade -->
+
+<draw_ops name="shade_focused">
+  <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_focused_prelight">
+  <include name="shade_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_focused_pressed">
+  <include name="shade_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused">
+  <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused_prelight">
+  <include name="shade_unfocused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused_pressed">
+  <include name="shade_unfocused"/>
+</draw_ops>
+
+<!-- unshade -->
+
+<draw_ops name="unshade_focused">
+  <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_focused_prelight">
+  <include name="unshade_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_focused_pressed">
+  <include name="unshade_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused">
+  <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused_prelight">
+  <include name="unshade_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused_pressed">
+  <include name="unshade_unfocused"/>
+</draw_ops>
+
+<!-- appmenu -->
+
+<constant name="D_appmenu_icon_size" value="16"/>
+
+<draw_ops name="appmenu_focused">
+  <icon
+    x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+    width="D_appmenu_icon_size" height="D_appmenu_icon_size"/>
+</draw_ops>
+
+<draw_ops name="appmenu_focused_prelight">
+  <include name="appmenu_focused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_focused_pressed">
+  <include name="appmenu_focused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused">
+  <icon
+    x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+    width="D_appmenu_icon_size" height="D_appmenu_icon_size"
+    alpha="0.7"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused_prelight">
+  <include name="appmenu_unfocused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused_pressed">
+  <include name="appmenu_unfocused"/>
+</draw_ops>
+
+<!-- button backgrounds -->
+
+<draw_ops name="button_focused">
+</draw_ops>
+
+<draw_ops name="button_focused_prelight">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="button_focused_pressed">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="button_unfocused">
+</draw_ops>
+
+<draw_ops name="button_unfocused_prelight">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="button_unfocused_pressed">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<!-- frame styles -->
+
+<frame_style name="normal_focused" geometry="normal">
+  <piece position="entire_background" draw_ops="entire_background_focused"/>
+  <piece position="titlebar" draw_ops="titlebar_focused"/>
+  <piece position="title" draw_ops="title_focused"/>
+  <button function="close" state="normal" draw_ops="close_focused"/>
+  <button function="close" state="prelight" draw_ops="close_focused_prelight"/>
+  <button function="close" state="pressed" draw_ops="close_focused_pressed"/>
+  <button function="maximize" state="normal" draw_ops="maximize_focused"/>
+  <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/>
+  <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/>
+  <button function="minimize" state="normal" draw_ops="minimize_focused"/>
+  <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/>
+  <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/>
+  <button function="menu" state="normal" draw_ops="menu_focused"/>
+  <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/>
+  <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/>
+  <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused"/>
+  <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight"/>
+  <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed"/>
+  <button function="shade" state="normal" draw_ops="shade_focused"/>
+  <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/>
+  <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/>
+  <button function="unshade" state="normal" draw_ops="unshade_focused"/>
+  <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/>
+  <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/>
+
+  <button function="left_middle_background" state="normal" draw_ops="button_focused"/>
+  <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/>
+  <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/>
+  <button function="right_middle_background" state="normal" draw_ops="button_focused"/>
+  <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/>
+  <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/>
+
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<frame_style name="normal_unfocused" geometry="normal">
+  <piece position="entire_background" draw_ops="entire_background_unfocused"/>
+  <piece position="titlebar" draw_ops="titlebar_unfocused"/>
+  <piece position="title" draw_ops="title_unfocused"/>
+  <button function="close" state="normal" draw_ops="close_unfocused"/>
+  <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/>
+  <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/>
+  <button function="maximize" state="normal" draw_ops="maximize_unfocused"/>
+  <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/>
+  <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/>
+  <button function="minimize" state="normal" draw_ops="minimize_unfocused"/>
+  <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/>
+  <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/>
+  <button function="menu" state="normal" draw_ops="menu_unfocused"/>
+  <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/>
+  <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/>
+  <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused"/>
+  <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_unfocused_prelight"/>
+  <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed"/>
+  <button function="shade" state="normal" draw_ops="shade_unfocused"/>
+  <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/>
+  <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/>
+  <button function="unshade" state="normal" draw_ops="unshade_unfocused"/>
+  <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/>
+  <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/>
+
+  <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/>
+  <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/>
+  <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/>
+  <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/>
+  <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/>
+  <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/>
+
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<frame_style name="normal_max_focused" geometry="max" parent="normal_focused">
+  <piece position="titlebar" draw_ops="entire_background_focused"/>
+  <button function="maximize" state="normal" draw_ops="unmaximize_focused"/>
+  <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/>
+  <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/>
+</frame_style>
+
+<frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused">
+  <piece position="titlebar" draw_ops="entire_background_unfocused"/>
+  <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/>
+  <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/>
+  <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/>
+</frame_style>
+
+<frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused">
+  <piece position="titlebar" draw_ops="entire_background_focused"/>
+</frame_style>
+
+<frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused">
+  <piece position="titlebar" draw_ops="entire_background_unfocused"/>
+</frame_style>
+
+<frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused">
+  <piece position="titlebar" draw_ops="entire_background_focused"/>
+</frame_style>
+
+<frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused">
+  <piece position="titlebar" draw_ops="entire_background_unfocused"/>
+</frame_style>
+
+<frame_style name="dialog_focused" geometry="modal" parent="normal_focused">
+</frame_style>
+
+<frame_style name="dialog_unfocused" geometry="modal" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused">
+</frame_style>
+
+<frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="utility_focused" geometry="small" parent="normal_focused">
+</frame_style>
+
+<frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="border_focused" geometry="border" parent="normal_focused">
+</frame_style>
+
+<frame_style name="border_unfocused" geometry="border" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="borderless_focused" geometry="borderless" parent="normal_focused">
+</frame_style>
+
+<frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused">
+</frame_style>
+
+<frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused">
+</frame_style>
+
+<!-- placeholder for unimplementated styles-->
+
+<frame_style name="blank" geometry="normal">
+  <button function="close" state="normal"><draw_ops></draw_ops></button>
+  <button function="close" state="pressed"><draw_ops></draw_ops></button>
+  <button function="maximize" state="normal"><draw_ops></draw_ops></button>
+  <button function="maximize" state="pressed"><draw_ops></draw_ops></button>
+  <button function="minimize" state="normal"><draw_ops></draw_ops></button>
+  <button function="minimize" state="pressed"><draw_ops></draw_ops></button>
+  <button function="menu" state="normal"><draw_ops></draw_ops></button>
+  <button function="menu" state="pressed"><draw_ops></draw_ops></button>
+  <button version=">= 3.5" function="appmenu" state="normal"><draw_ops></draw_ops></button>
+  <button version=">= 3.5" function="appmenu" state="pressed"><draw_ops></draw_ops></button>
+  <button function="shade" state="normal"><draw_ops></draw_ops></button>
+  <button function="shade" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unshade" state="normal"><draw_ops></draw_ops></button>
+  <button function="unshade" state="pressed"><draw_ops></draw_ops></button>
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<!-- frame style sets -->
+
+<frame_style_set name="normal_style_set">
+  <frame focus="yes" state="normal" resize="both" style="normal_focused"/>
+  <frame focus="no" state="normal" resize="both" style="normal_unfocused"/>
+  <frame focus="yes" state="maximized" style="normal_max_focused"/>
+  <frame focus="no" state="maximized" style="normal_max_unfocused"/>
+  <frame focus="yes" state="shaded" style="normal_focused"/>
+  <frame focus="no" state="shaded" style="normal_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/>
+  <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/>
+  <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused"/>
+  <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused"/>
+  <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused"/>
+  <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused"/>
+  <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused"/>
+  <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused"/>
+  <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused"/>
+  <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused"/>
+</frame_style_set>
+
+<frame_style_set name="dialog_style_set">
+  <frame focus="yes" state="normal" resize="both" style="dialog_focused"/>
+  <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="dialog_focused"/>
+  <frame focus="no" state="shaded" style="dialog_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="modal_dialog_style_set">
+  <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/>
+  <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="modal_dialog_focused"/>
+  <frame focus="no" state="shaded" style="modal_dialog_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="utility_style_set">
+  <frame focus="yes" state="normal" resize="both" style="utility_focused"/>
+  <frame focus="no" state="normal" resize="both" style="utility_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="utility_focused"/>
+  <frame focus="no" state="shaded" style="utility_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="border_style_set">
+  <frame focus="yes" state="normal" resize="both" style="border_focused"/>
+  <frame focus="no" state="normal" resize="both" style="border_unfocused"/>
+  <frame focus="yes" state="maximized" style="borderless_focused"/>
+  <frame focus="no" state="maximized" style="borderless_unfocused"/>
+  <frame focus="yes" state="shaded" style="blank"/>
+  <frame focus="no" state="shaded" style="blank"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="attached_style_set">
+  <frame focus="yes" state="normal" resize="both" style="attached_focused"/>
+  <frame focus="no" state="normal" resize="both" style="attached_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="blank"/>
+  <frame focus="no" state="shaded" style="blank"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<!-- windows -->
+
+<window type="normal" style_set="normal_style_set"/>
+<window type="dialog" style_set="dialog_style_set"/>
+<window type="modal_dialog" style_set="modal_dialog_style_set"/>
+<window type="menu" style_set="utility_style_set"/>
+<window type="utility" style_set="utility_style_set"/>
+<window type="border" style_set="border_style_set"/>
+<window version=">= 3.2" type="attached" style_set="attached_style_set"/>
+
+</metacity_theme>
diff --git a/Material/files/Material/config/DeepOcean-B-LB/metacity-1/thumbnail.png b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/thumbnail.png
new file mode 100644
index 000000000..79b46e517
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/metacity-1/thumbnail.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/bottom-active.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/bottom-active.png
new file mode 100644
index 000000000..ef95f07be
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/bottom-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/bottom-inactive.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/bottom-inactive.png
new file mode 100644
index 000000000..119d234ff
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/bottom-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/bottom-left-active.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/bottom-left-active.png
new file mode 100644
index 000000000..d36706bc7
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/bottom-left-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/bottom-left-inactive.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/bottom-left-inactive.png
new file mode 100644
index 000000000..a0e9929a3
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/bottom-left-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/bottom-right-active.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/bottom-right-active.png
new file mode 100644
index 000000000..84b02672b
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/bottom-right-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/bottom-right-inactive.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/bottom-right-inactive.png
new file mode 100644
index 000000000..0e1824ef1
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/bottom-right-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/close-active.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/close-active.png
new file mode 100644
index 000000000..f6e22a3e3
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/close-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/close-inactive.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/close-inactive.png
new file mode 100644
index 000000000..d8c5722af
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/close-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/close-prelight.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/close-prelight.png
new file mode 100644
index 000000000..cd8eb11c1
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/close-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/close-pressed.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/close-pressed.png
new file mode 100644
index 000000000..9b67934d5
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/close-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/hide-active.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/hide-active.png
new file mode 100644
index 000000000..3ff443faa
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/hide-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/hide-inactive.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/hide-inactive.png
new file mode 100644
index 000000000..abcad20f6
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/hide-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/hide-prelight.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/hide-prelight.png
new file mode 100644
index 000000000..56031f619
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/hide-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/hide-pressed.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/hide-pressed.png
new file mode 100644
index 000000000..fc5311bd3
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/hide-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/left-active.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/left-active.png
new file mode 100644
index 000000000..989a0d2b3
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/left-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/left-inactive.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/left-inactive.png
new file mode 100644
index 000000000..5ae56e067
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/left-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-active.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-active.png
new file mode 100644
index 000000000..583a44d37
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-inactive.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-inactive.png
new file mode 100644
index 000000000..20942390b
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-prelight.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-prelight.png
new file mode 100644
index 000000000..448515d12
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-pressed.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-pressed.png
new file mode 100644
index 000000000..234c00a95
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-toggled-active.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-toggled-active.png
new file mode 100644
index 000000000..d3c78d84a
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-toggled-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-toggled-inactive.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-toggled-inactive.png
new file mode 100644
index 000000000..7930df4d6
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-toggled-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-toggled-prelight.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-toggled-prelight.png
new file mode 100644
index 000000000..73985688f
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-toggled-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-toggled-pressed.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-toggled-pressed.png
new file mode 100644
index 000000000..64e733dfc
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/maximize-toggled-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/menu-active.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/menu-active.png
new file mode 100644
index 000000000..37af9dac7
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/menu-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/menu-inactive.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/menu-inactive.png
new file mode 100644
index 000000000..83f027a1b
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/menu-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/menu-prelight.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/menu-prelight.png
new file mode 100644
index 000000000..9e084be97
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/menu-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/menu-pressed.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/menu-pressed.png
new file mode 100644
index 000000000..887d4262f
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/menu-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/right-active.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/right-active.png
new file mode 100644
index 000000000..989a0d2b3
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/right-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/right-inactive.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/right-inactive.png
new file mode 100644
index 000000000..5ae56e067
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/right-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-active.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-active.png
new file mode 100644
index 000000000..587c5a976
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-inactive.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-inactive.png
new file mode 100644
index 000000000..d3e284848
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-prelight.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-prelight.png
new file mode 100644
index 000000000..fb82b37a4
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-pressed.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-pressed.png
new file mode 100644
index 000000000..1106f3f32
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-toggled-active.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-toggled-active.png
new file mode 100644
index 000000000..0f346d6be
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-toggled-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-toggled-inactive.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-toggled-inactive.png
new file mode 100644
index 000000000..50d3cda54
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-toggled-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-toggled-prelight.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-toggled-prelight.png
new file mode 100644
index 000000000..133e43c28
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-toggled-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-toggled-pressed.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-toggled-pressed.png
new file mode 100644
index 000000000..f1b83e2ce
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/shade-toggled-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-active.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-active.png
new file mode 100644
index 000000000..cd87c3589
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-inactive.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-inactive.png
new file mode 100644
index 000000000..5cfbacceb
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-prelight.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-prelight.png
new file mode 100644
index 000000000..63d69f4ef
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-pressed.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-pressed.png
new file mode 100644
index 000000000..d196c2d10
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-toggled-active.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-toggled-active.png
new file mode 100644
index 000000000..841dcde31
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-toggled-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-toggled-inactive.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-toggled-inactive.png
new file mode 100644
index 000000000..38bd072f4
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-toggled-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-toggled-prelight.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-toggled-prelight.png
new file mode 100644
index 000000000..7167b7c9e
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-toggled-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-toggled-pressed.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-toggled-pressed.png
new file mode 100644
index 000000000..cd47fb6ec
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/stick-toggled-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/themerc b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/themerc
new file mode 100644
index 000000000..8ed1a7793
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/themerc
@@ -0,0 +1,23 @@
+button_offset=10
+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/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-1-active.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-1-active.png
new file mode 100644
index 000000000..b2ca750b8
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-1-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-1-inactive.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-1-inactive.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-1-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-2-active.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-2-active.png
new file mode 100644
index 000000000..b2ca750b8
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-2-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-2-inactive.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-2-inactive.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-2-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-3-active.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-3-active.png
new file mode 100644
index 000000000..b2ca750b8
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-3-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-3-inactive.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-3-inactive.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-3-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-4-active.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-4-active.png
new file mode 100644
index 000000000..b2ca750b8
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-4-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-4-inactive.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-4-inactive.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-4-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-5-active.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-5-active.png
new file mode 100644
index 000000000..b2ca750b8
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-5-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-5-inactive.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-5-inactive.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/title-5-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/top-left-active.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/top-left-active.png
new file mode 100644
index 000000000..3d3279227
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/top-left-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/top-left-inactive.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/top-left-inactive.png
new file mode 100644
index 000000000..2dadcf3e8
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/top-left-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/top-right-active.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/top-right-active.png
new file mode 100644
index 000000000..bb43da9d4
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/top-right-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B-LB/xfwm4/top-right-inactive.png b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/top-right-inactive.png
new file mode 100644
index 000000000..d7e044571
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B-LB/xfwm4/top-right-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/cinnamon/cinnamon.css b/Material/files/Material/config/DeepOcean-B/cinnamon/cinnamon.css
new file mode 100644
index 000000000..645e4516d
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/cinnamon/cinnamon.css
@@ -0,0 +1,2266 @@
+stage {
+  font-size: 9pt;
+  color: #eeffff;
+}
+
+.label-shadow {
+  color: rgba(0, 0, 0, 0);
+}
+
+.sound-button {
+  min-height: 24px;
+  padding: 5px 32px;
+  transition-duration: 100ms;
+  border-radius: 6px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.sound-button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.sound-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.sound-button:hover:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+  border-radius: 6px;
+}
+
+.sound-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+  border-radius: 6px;
+}
+
+.sound-button:insensitive {
+  color: rgba(238, 255, 255, 0.5);
+  background-color: rgba(238, 255, 255, 0.04);
+  border-radius: 6px;
+}
+
+.notification-button,
+.notification-icon-button,
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button,
+#notification .notification-button,
+#notification .notification-icon-button {
+  border-radius: 6px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: transparent;
+}
+
+.notification-button:hover,
+.notification-icon-button:hover,
+#notification .notification-button:hover,
+#notification .notification-icon-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.notification-button:active,
+.notification-icon-button:active,
+#notification .notification-button:active,
+#notification .notification-icon-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+  border-radius: 6px;
+}
+
+.notification-button:insensitive,
+.notification-icon-button:insensitive,
+#notification .notification-button:insensitive,
+#notification .notification-icon-button:insensitive {
+  color: rgba(238, 255, 255, 0.3);
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+  min-height: 24px;
+  padding: 6px 30px;
+  transition-duration: 100ms;
+  border-radius: 6px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.modal-dialog-button-box .modal-dialog-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.modal-dialog-button-box .modal-dialog-button:focus {
+  color: #e2e9e9;
+}
+
+.modal-dialog-button-box .modal-dialog-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.modal-dialog-button-box .modal-dialog-button:insensitive {
+  color: rgba(238, 255, 255, 0.3);
+  background-color: transparent;
+}
+
+#menu-search-entry,
+.notification StEntry,
+.menu #notification StEntry,
+.popup-menu #notification StEntry,
+#notification StEntry {
+  padding: 3px 12px;
+  min-height: 24px;
+  caret-size: 1px;
+  selection-background-color: #e2e9e9;
+  selected-color: rgba(0, 0, 0, 0.87);
+  transition-duration: 300ms;
+  border-radius: 9999px;
+  color: #eeffff;
+  border: 2px solid transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+#menu-search-entry:focus,
+.notification StEntry:focus,
+.menu #notification StEntry:focus,
+.popup-menu #notification StEntry:focus,
+#notification StEntry:focus,
+#menu-search-entry:hover,
+.notification StEntry:hover,
+.menu #notification StEntry:hover,
+.popup-menu #notification StEntry:hover,
+#notification StEntry:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid #e2e9e9;
+}
+
+#menu-search-entry:insensitive,
+.notification StEntry:insensitive,
+.menu #notification StEntry:insensitive,
+.popup-menu #notification StEntry:insensitive,
+#notification StEntry:insensitive {
+  border: 2px solid transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+#menu-search-entry StIcon.capslock-warning,
+.notification StEntry StIcon.capslock-warning,
+.menu #notification StEntry StIcon.capslock-warning,
+.popup-menu #notification StEntry StIcon.capslock-warning,
+#notification StEntry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #ffcb6b;
+  padding: 0 6px;
+}
+
+StScrollView.vfade {
+  -st-vfade-offset: 0px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 0px;
+}
+
+StScrollBar {
+  padding: 8px;
+}
+
+StScrollView StScrollBar {
+  min-width: 5px;
+  min-height: 5px;
+}
+
+StScrollBar StBin#trough {
+  background-color: rgba(35, 38, 55, 0.1);
+  border-radius: 9999px;
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+  border-radius: 9999px;
+  background-color: gray;
+  border: 0px solid;
+  margin: 0px;
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+  background-color: #515772;
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+  background-color: #e2e9e9;
+}
+
+.separator {
+  -gradient-height: 1px;
+  -gradient-start: rgba(0, 0, 0, 0);
+  -gradient-end: rgba(0, 0, 0, 0);
+  -margin-horizontal: 1.5em;
+  height: 1em;
+}
+
+.popup-slider-menu-item,
+.slider {
+  -slider-height: 4px;
+  -slider-background-color: rgba(238, 255, 255, 0.12);
+  -slider-border-color: transparent;
+  -slider-active-background-color: #e2e9e9;
+  -slider-active-border-color: transparent;
+  -slider-border-width: 0;
+  -slider-handle-radius: 4px;
+  height: 18px;
+  min-width: 15em;
+  border: 0 solid transparent;
+  border-right-width: 1px;
+  border-left-width: 5px;
+  color: transparent;
+}
+
+.check-box CinnamonGenericContainer {
+  spacing: 0.2em;
+  min-height: 30px;
+  padding-top: 2px;
+}
+
+.check-box StLabel {
+  font-weight: normal;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+  background-image: url('assets/checkbox-off.svg');
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+  background-image: url('assets/checkbox-dark.svg');
+}
+
+.radiobutton CinnamonGenericContainer {
+  spacing: 0.2em;
+  min-height: 30px;
+  padding-top: 2px;
+}
+
+.radiobutton StLabel {
+  padding-top: 4px;
+  font-size: 0.9em;
+  box-shadow: none;
+}
+
+.radiobutton StBin {
+  width: 24px;
+  height: 24px;
+}
+
+.radiobutton StBin,
+.radiobutton:focus StBin {
+  background-image: url('assets/radiobutton-off.svg');
+}
+
+.radiobutton:checked StBin,
+.radiobutton:focus:checked StBin {
+  background-image: url('assets/radiobutton-dark.svg');
+}
+
+.toggle-switch {
+  width: 40px;
+  height: 20px;
+  background-size: contain;
+  background-image: url('assets/toggle-off.svg');
+}
+
+.toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.popup-menu-item:active .toggle-switch {
+  background-image: url('assets/toggle-off.svg');
+}
+
+.popup-menu-item:active .toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.cinnamon-link {
+  color: #89ddff;
+  text-decoration: underline;
+}
+
+.cinnamon-link:hover {
+  color: #c792ea;
+}
+
+#Tooltip {
+  border-radius: 9999px;
+  padding: 6px 12px;
+  background-color: rgba(31, 34, 51, 0.9);
+  color: #eeffff;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  font-size: 1em;
+  font-weight: normal;
+  text-align: center;
+}
+
+.menu,
+.popup-menu,
+.popup-combo-menu {
+  padding: 3px;
+  color: #eeffff;
+  background-color: rgba(35, 38, 55, 0.95);
+  border-radius: 12px;
+  margin: 6px;
+  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+  border: 2px solid #84ffff;
+}
+
+.menu-arrow,
+.popup-menu-arrow {
+  icon-size: 16px;
+}
+
+.menu .popup-sub-menu,
+.popup-menu .popup-sub-menu,
+.popup-combo-menu .popup-sub-menu {
+  border-radius: 6px;
+  background-gradient-direction: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-combo-menu .popup-sub-menu .popup-menu-item:active {
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu .popup-sub-menu StScrollBar,
+.popup-menu .popup-sub-menu StScrollBar,
+.popup-combo-menu .popup-sub-menu StScrollBar {
+  padding: 4px;
+}
+
+.menu .popup-sub-menu StScrollBar StBin#trough,
+.menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
+  border-width: 0;
+}
+
+.menu .popup-menu-content,
+.popup-menu .popup-menu-content,
+.popup-combo-menu .popup-menu-content {
+  padding: 3px;
+}
+
+.menu .popup-menu-item,
+.popup-menu .popup-menu-item,
+.popup-combo-menu .popup-menu-item {
+  padding: 6px 12px;
+  spacing: 12px;
+  border-radius: 6px;
+}
+
+.menu .popup-menu-item:hover,
+.menu .popup-menu-item:active,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item:active,
+.popup-combo-menu .popup-menu-item:hover,
+.popup-combo-menu .popup-menu-item:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.menu .popup-menu-item:insensitive,
+.popup-menu .popup-menu-item:insensitive,
+.popup-combo-menu .popup-menu-item:insensitive {
+  color: rgba(238, 255, 255, 0.5);
+  background: none;
+}
+
+.menu .popup-inactive-menu-item,
+.popup-menu .popup-inactive-menu-item,
+.popup-combo-menu .popup-inactive-menu-item {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.menu .popup-inactive-menu-item:insensitive,
+.popup-menu .popup-inactive-menu-item:insensitive,
+.popup-combo-menu .popup-inactive-menu-item:insensitive {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.menu-icon,
+.popup-menu-icon {
+  icon-size: 16px;
+}
+
+.popup-menu-boxpointer {
+  -arrow-border-radius: 6px;
+  -arrow-background-color: rgba(0, 0, 0, 0);
+  -arrow-border-width: 0;
+  -arrow-border-color: rgba(0, 0, 0, 0);
+  -arrow-base: 0;
+  -arrow-rise: 0;
+}
+
+.popup-combo-menu {
+  padding: 12px;
+}
+
+.popup-combobox-item {
+  spacing: 1em;
+}
+
+.popup-separator-menu-item {
+  -gradient-height: 0;
+  -gradient-start: transparent;
+  -gradient-end: transparent;
+  -margin-horizontal: 1.5em;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  border-bottom-style: solid;
+  background-color: transparent;
+}
+
+.popup-alternating-menu-item:alternate {
+  font-weight: normal;
+}
+
+.popup-device-menu-item {
+  spacing: 0.5em;
+}
+
+.popup-subtitle-menu-item {
+  font-weight: normal;
+}
+
+.nm-menu-item-icons {
+  spacing: 0.5em;
+}
+
+#panel {
+  font-weight: bold;
+  height: 36px;
+  width: 42px;
+}
+
+#panel:highlight {
+  border-image: none;
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+#panelLeft {
+  spacing: 4px;
+}
+
+#panelLeft:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(255, 0, 0, 0.05);
+  background-gradient-end: rgba(255, 0, 0, 0.2);
+}
+
+#panelLeft:ltr {
+  padding-right: 4px;
+}
+
+#panelLeft:rtl {
+  padding-left: 4px;
+}
+
+#panelLeft.vertical {
+  padding: 0;
+}
+
+#panelLeft.vertical:ltr {
+  padding-right: 0px;
+}
+
+#panelLeft.vertical:rtl {
+  padding-left: 0px;
+}
+
+#panelRight:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(0, 0, 255, 0.05);
+  background-gradient-end: rgba(0, 0, 255, 0.2);
+}
+
+#panelRight:ltr {
+  padding-left: 6px;
+  spacing: 0px;
+}
+
+#panelRight:rtl {
+  padding-right: 6px;
+  spacing: 0px;
+}
+
+#panelRight.vertical {
+  padding: 0;
+}
+
+#panelRight.vertical:ltr {
+  padding-right: 0px;
+}
+
+#panelRight.vertical:rtl {
+  padding-left: 0px;
+}
+
+#panelCenter {
+  spacing: 4px;
+}
+
+#panelCenter:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(0, 255, 0, 0.05);
+  background-gradient-end: rgba(0, 255, 0, 0.2);
+}
+
+.panel-top,
+.panel-bottom,
+.panel-left,
+.panel-right {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: 1em;
+  padding: 0px;
+  background-color: rgba(16, 17, 26, 0.95);
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
+}
+
+.panel-top .panel-button:hover,
+.panel-top .panel-status-button:hover,
+.panel-bottom .panel-button:hover,
+.panel-bottom .panel-status-button:hover,
+.panel-left .panel-button:hover,
+.panel-left .panel-status-button:hover,
+.panel-right .panel-button:hover,
+.panel-right .panel-status-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.panel-top .panel-button:active,
+.panel-top .panel-status-button:active,
+.panel-bottom .panel-button:active,
+.panel-bottom .panel-status-button:active,
+.panel-left .panel-button:active,
+.panel-left .panel-status-button:active,
+.panel-right .panel-button:active,
+.panel-right .panel-status-button:active {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.panel-dummy {
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+.panel-dummy:entered {
+  background-color: rgba(242, 139, 130, 0.6);
+}
+
+.panel-status-button {
+  border-width: 0;
+  -natural-hpadding: 3px;
+  -minimum-hpadding: 3px;
+  font-weight: bold;
+  height: 22px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.panel-button {
+  -natural-hpadding: 6px;
+  -minimum-hpadding: 2px;
+  font-weight: bold;
+  transition-duration: 100ms;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.system-status-icon {
+  icon-size: 16px;
+  padding: 0 1px;
+}
+
+#overview {
+  spacing: 12px;
+}
+
+.window-caption {
+  background-color: rgba(31, 34, 51, 0.9);
+  border: 1px solid rgba(31, 34, 51, 0.9);
+  color: #eeffff;
+  spacing: 25px;
+  border-radius: 6px;
+  font-size: 9pt;
+  padding: 5px 8px;
+  -cinnamon-caption-spacing: 4px;
+}
+
+#selected.window-caption {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border: 1px solid #e2e9e9;
+  spacing: 25px;
+}
+
+.expo-workspaces-name-entry,
+#selected.expo-workspaces-name-entry {
+  height: 15px;
+  border-radius: 6px;
+  font-size: 9pt;
+  padding: 5px 8px;
+  -cinnamon-caption-spacing: 4px;
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid transparent;
+}
+
+.expo-workspaces-name-entry:focus,
+#selected.expo-workspaces-name-entry:focus {
+  border: 1px solid #e2e9e9;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-style: italic;
+  transition-duration: 300;
+  selection-background-color: rgba(0, 0, 0, 0.87);
+  selected-color: #e2e9e9;
+}
+
+.expo-workspace-thumbnail-frame {
+  border: 4px solid rgba(238, 255, 255, 0);
+  background-color: rgba(238, 255, 255, 0);
+  border-radius: 6px;
+}
+
+#active.expo-workspace-thumbnail-frame {
+  border: 4px solid #e2e9e9;
+  background-color: black;
+  border-radius: 6px;
+}
+
+.expo-background {
+  background-color: #191919;
+}
+
+.workspace-thumbnails {
+  spacing: 26px;
+}
+
+.workspace-thumbnails-background,
+.workspace-thumbnails-background:rtl {
+  padding: 8px;
+}
+
+.workspace-add-button {
+  background-image: url('assets/add-workspace.svg');
+  height: 200px;
+  width: 35px;
+  transition-duration: 100;
+}
+
+.workspace-add-button:hover {
+  background-image: url('assets/add-workspace-hover.svg');
+  transition-duration: 100;
+}
+
+.workspace-add-button:active {
+  background-image: url('assets/add-workspace-active.svg');
+  transition-duration: 100;
+}
+
+.workspace-overview-background-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.workspace-close-button,
+.window-close {
+  background-image: url('assets/close.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+  -cinnamon-close-overlap: 13px;
+}
+
+.workspace-close-button:hover,
+.window-close:hover {
+  background-image: url('assets/close-hover.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+}
+
+.workspace-close-button:active,
+.window-close:active {
+  background-image: url('assets/close-active.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+}
+
+.workspace-thumbnail-indicator {
+  outline: 2px solid red;
+  border: 1px solid green;
+}
+
+.window-close:rtl {
+  -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
+}
+
+.window-close-area {
+  background-image: url('assets/trash-icon.svg');
+  height: 120px;
+  width: 400px;
+}
+
+.about-content {
+  width: 550px;
+  height: 250px;
+  spacing: 8px;
+  padding-bottom: 10px;
+}
+
+.about-title {
+  font-size: 2em;
+  font-weight: bold;
+}
+
+.about-uuid {
+  font-size: 10px;
+  color: #717cb4;
+}
+
+.about-icon {
+  padding-right: 20px;
+  padding-bottom: 14px;
+}
+
+.about-scrollBox {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+  background-color: #0f111a;
+  padding: 4px;
+  padding-right: 0;
+  border-radius: 0;
+}
+
+.about-scrollBox-innerBox {
+  padding: 1.2em;
+  spacing: 1.2em;
+}
+
+.about-description {
+  padding-top: 4px;
+  padding-bottom: 16px;
+}
+
+.about-version {
+  padding-left: 7px;
+  font-size: 10px;
+  color: #717cb4;
+}
+
+.calendar {
+  padding: 0.4em 1.75em;
+  spacing-rows: 0px;
+  spacing-columns: 0px;
+}
+
+.calendar-month-label {
+  color: #eeffff;
+  font-weight: bold;
+  margin: 0 2px;
+  padding: 2px;
+}
+
+.calendar-change-month-back,
+.calendar-change-month-forward {
+  width: 24px;
+  height: 24px;
+  margin: 0;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+.calendar-change-month-back:focus,
+.calendar-change-month-back:hover,
+.calendar-change-month-forward:focus,
+.calendar-change-month-forward:hover {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.calendar-change-month-back:active,
+.calendar-change-month-forward:active {
+  background-color: rgba(238, 255, 255, 0.25);
+}
+
+.calendar-change-month-back {
+  background-image: url('assets/calendar-arrow-left.svg');
+}
+
+.calendar-change-month-back:rtl {
+  background-image: url('assets/calendar-arrow-right.svg');
+}
+
+.calendar-change-month-forward {
+  background-image: url('assets/calendar-arrow-right.svg');
+}
+
+.calendar-change-month-forward:rtl {
+  background-image: url('assets/calendar-arrow-left.svg');
+}
+
+.datemenu-date-label {
+  padding: 0.4em 1.75em;
+  font-weight: normal;
+  text-align: center;
+  font-size: 14px;
+  color: #eeffff;
+  border-radius: 6px;
+}
+
+.calendar-day-base {
+  text-align: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  margin: 2px;
+  border-radius: 9999px;
+}
+
+.calendar-day-heading {
+  color: rgba(238, 255, 255, 0.7);
+  margin-top: 1em;
+}
+
+.calendar-day {
+  border-width: 0;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.calendar-day-top {
+  border-top-width: 0;
+}
+
+.calendar-day-left {
+  border-left-width: 0;
+}
+
+.calendar-nonwork-day {
+  color: #eeffff;
+  background-color: transparent;
+  font-weight: bold;
+}
+
+.calendar-today,
+.calendar-today:active,
+.calendar-today:focus,
+.calendar-today:hover {
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  border-width: 0;
+}
+
+.calendar-other-month-day {
+  color: rgba(238, 255, 255, 0.7);
+  opacity: 1;
+}
+
+.calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
+  color: rgba(238, 255, 255, 0.3);
+  font-weight: bold;
+  background-color: rgba(238, 255, 255, 0.04);
+  border-radius: 9999px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
+}
+
+#notification {
+  border-radius: 12px;
+  padding: 12px;
+  spacing-rows: 9px;
+  spacing-columns: 9px;
+  margin-from-right-edge-of-screen: 18px;
+  width: 28em;
+  color: #eeffff;
+  background-color: rgba(35, 38, 55, 0.8);
+  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+  margin: 7px 12px 17px 12px;
+}
+
+#notification .notification-button,
+#notification .notification-icon-button {
+  padding: 6px;
+}
+
+.menu #notification,
+.popup-menu #notification {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.05);
+  box-shadow: none;
+  margin: 0;
+}
+
+.menu #notification:hover,
+.popup-menu #notification:hover {
+  background-color: rgba(238, 255, 255, 0.1);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+}
+
+.menu #notification,
+.menu #notification.multi-line-notification,
+.popup-menu #notification,
+.popup-menu #notification.multi-line-notification {
+  color: #eeffff;
+}
+
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button {
+  padding: 6px;
+}
+
+#notification.multi-line-notification {
+  padding-bottom: 12px;
+  color: #eeffff;
+}
+
+#notification-scrollview {
+  max-height: 10em;
+}
+
+#notification-scrollview > .top-shadow,
+#notification-scrollview > .bottom-shadow {
+  height: 1em;
+}
+
+#notification-scrollview:ltr > StScrollBar {
+  padding-left: 6px;
+}
+
+#notification-scrollview:rtl > StScrollBar {
+  padding-right: 6px;
+}
+
+#notification-body {
+  spacing: 6px;
+}
+
+#notification-actions {
+  spacing: 9px;
+}
+
+.notification-with-image {
+  min-height: 159px;
+  color: #eeffff;
+}
+
+.notification-button,
+.notification-icon-button {
+  padding: 6px;
+}
+
+.notification-icon-button > StIcon {
+  icon-size: 36px;
+}
+
+#altTabPopup {
+  padding: 8px;
+  spacing: 16px;
+}
+
+.switcher-list {
+  color: #eeffff;
+  background-color: rgba(35, 38, 55, 0.95);
+  border: none;
+  border-radius: 6px;
+  padding: 20px;
+}
+
+.switcher-list > StBoxLayout {
+  padding: 4px;
+}
+
+.switcher-list-item-container {
+  spacing: 8px;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 6px;
+}
+
+.switcher-list .item-box:outlined {
+  padding: 8px;
+  border: 1px solid #e2e9e9;
+}
+
+.switcher-list .item-box:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  border: 0px solid #e2e9e9;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 4px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(238, 255, 255, 0.2);
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: #eeffff;
+}
+
+.switcher-arrow:highlighted {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.thumbnail-scroll-gradient-left {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 24px;
+  border-radius-topright: 0px;
+  border-radius-bottomright: 0px;
+  width: 60px;
+}
+
+.thumbnail-scroll-gradient-right {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 24px;
+  border-radius-topleft: 0px;
+  border-radius-bottomleft: 0px;
+  width: 60px;
+}
+
+.ripple-box {
+  width: 104px;
+  height: 104px;
+  background-image: url('assets/corner-ripple.svg');
+  background-size: contain;
+}
+
+.lightbox {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.flashspot {
+  background-color: #eeffff;
+}
+
+.modal-dialog {
+  color: #eeffff;
+  background-color: rgba(31, 34, 51, 0.95);
+  border: 1px solid rgba(0, 0, 0, 0.65);
+  padding: 0 5px 6px 5px;
+  border-radius: 6px;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
+}
+
+.modal-dialog > StBoxLayout:first-child {
+  padding: 20px 10px 10px 10px;
+}
+
+.modal-dialog-button-box {
+  spacing: 0;
+  margin: 0;
+  padding: 14px 10px;
+  background-color: transparent;
+  border: none;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+  padding-top: 0;
+  padding-bottom: 0;
+  height: 30px;
+}
+
+.run-dialog {
+  padding: 6px 12px;
+  background-color: rgba(31, 34, 51, 0.9);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+.run-dialog > * {
+  padding: 0;
+}
+
+.run-dialog-label {
+  font-size: 0;
+  font-weight: bold;
+  color: #eeffff;
+  padding-bottom: 0;
+}
+
+.run-dialog-error-label {
+  color: #f28b82;
+}
+
+.run-dialog-error-box {
+  padding-top: 15px;
+  spacing: 5px;
+}
+
+.run-dialog-completion-box {
+  padding-left: 15px;
+  font-size: 10px;
+}
+
+.run-dialog-entry {
+  width: 21em;
+  padding: 3px 12px;
+  border-radius: 6px;
+  caret-color: #eeffff;
+  selected-color: rgba(0, 0, 0, 0.87);
+  selection-background-color: #e2e9e9;
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid transparent;
+}
+
+.run-dialog-entry:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid #84ffff;
+}
+
+.run-dialog .modal-dialog-button-box {
+  border: none;
+  box-shadow: none;
+  background: none;
+  background-gradient-direction: none;
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+  icon-size: 48px;
+}
+
+.mount-password-reask {
+  color: #ffcb6b;
+}
+
+.show-processes-dialog,
+.mount-question-dialog {
+  spacing: 24px;
+}
+
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+  padding-top: 10px;
+  padding-left: 17px;
+  padding-bottom: 6px;
+}
+
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+  padding-left: 0px;
+  padding-right: 17px;
+}
+
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+  padding-left: 17px;
+  width: 28em;
+}
+
+.show-processes-dialog-description:rtl,
+.mount-question-dialog-description:rtl {
+  padding-right: 17px;
+}
+
+.show-processes-dialog-app-list {
+  max-height: 200px;
+  padding-top: 24px;
+  padding-left: 49px;
+  padding-right: 32px;
+}
+
+.show-processes-dialog-app-list:rtl {
+  padding-right: 49px;
+  padding-left: 32px;
+}
+
+.show-processes-dialog-app-list-item {
+  color: #ccc;
+}
+
+.show-processes-dialog-app-list-item:hover {
+  color: #eeffff;
+}
+
+.show-processes-dialog-app-list-item:ltr {
+  padding-right: 1em;
+}
+
+.show-processes-dialog-app-list-item:rtl {
+  padding-left: 1em;
+}
+
+.show-processes-dialog-app-list-item-icon:ltr {
+  padding-right: 17px;
+}
+
+.show-processes-dialog-app-list-item-icon:rtl {
+  padding-left: 17px;
+}
+
+.show-processes-dialog-app-list-item-name {
+  font-size: 1.1em;
+}
+
+.magnifier-zoom-region {
+  border: 2px solid maroon;
+}
+
+.magnifier-zoom-region .full-screen {
+  border-width: 0px;
+}
+
+#keyboard {
+  background-color: rgba(31, 34, 51, 0.9);
+  border-width: 0;
+  border-top-width: 1px;
+  border-color: rgba(0, 0, 0, 0.4);
+}
+
+.keyboard-layout {
+  spacing: 10px;
+  padding: 10px;
+}
+
+.keyboard-row {
+  spacing: 15px;
+}
+
+.keyboard-key {
+  min-height: 2em;
+  min-width: 2em;
+  font-size: 14pt;
+  font-weight: bold;
+  border-radius: 6px;
+  box-shadow: none;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.keyboard-key:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.keyboard-key:active,
+.keyboard-key:checked {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.keyboard-key:grayed {
+  color: rgba(238, 255, 255, 0.3);
+  background-color: transparent;
+}
+
+.keyboard-subkeys {
+  color: #eeffff;
+  padding: 5px;
+  -arrow-border-radius: 6px;
+  -arrow-background-color: rgba(31, 34, 51, 0.9);
+  -arrow-border-width: 1px;
+  -arrow-border-color: rgba(0, 0, 0, 0.4);
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 5px;
+}
+
+.menu-favorites-box {
+  margin: auto;
+  margin-bottom: 6px;
+  padding: 6px;
+  transition-duration: 300;
+  background-color: rgba(238, 255, 255, 0.05);
+  border: none;
+  border-radius: 6px;
+}
+
+.menu-favorites-button {
+  padding: 9px;
+  border: none;
+  border-radius: 6px;
+}
+
+.menu-favorites-button:hover {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.menu-places-box {
+  margin: auto;
+  padding: 9px;
+  border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.menu-places-button {
+  padding: 9px;
+}
+
+.menu-categories-box {
+  padding: 9px 30px;
+}
+
+.menu-applications-inner-box,
+.menu-applications-outer-box {
+  padding: 9px 9px 0 9px;
+}
+
+.menu-application-button {
+  padding: 6px;
+  border-radius: 6px;
+  border: none;
+}
+
+.menu-application-button:highlighted {
+  font-weight: bold;
+}
+
+.menu-application-button-selected {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  padding: 6px;
+  border-radius: 6px;
+  border: none;
+}
+
+.menu-application-button-selected:highlighted {
+  font-weight: bold;
+}
+
+.menu-application-button-label:ltr {
+  padding-left: 6px;
+}
+
+.menu-application-button-label:rtl {
+  padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button {
+  padding: 3px 0;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item {
+  padding: 0;
+  spacing: 0;
+  margin: 0 3px;
+  border-radius: 6px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:ltr {
+  padding-left: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:rtl {
+  padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:active {
+  border-image: none;
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StIcon {
+  min-width: 22px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr {
+  padding: 6px 0 6px 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl {
+  padding: 6px 6px 6px 0;
+}
+
+.menu-category-button {
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.menu-category-button-selected {
+  padding: 6px;
+}
+
+.menu-category-button-hover,
+.menu-category-button-selected {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.menu-category-button-greyed {
+  padding: 6px;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.menu-category-button-label:ltr {
+  padding-left: 6px;
+}
+
+.menu-category-button-label:rtl {
+  padding-right: 6px;
+}
+
+.menu-selected-app-box {
+  padding-right: 30px;
+  padding-left: 28px;
+  text-align: right;
+  height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+  padding-top: 10px;
+  height: 30px;
+}
+
+.menu-selected-app-title {
+  font-weight: bold;
+}
+
+.menu-selected-app-description {
+  max-width: 150px;
+  margin-bottom: 6px;
+}
+
+.menu-search-box:ltr {
+  padding-left: 30px;
+}
+
+.menu-search-box-rtl {
+  padding-right: 30px;
+}
+
+#menu-search-entry {
+  width: 250px;
+  height: 15px;
+  font-weight: normal;
+  caret-color: #eeffff;
+}
+
+.menu-search-entry-icon {
+  icon-size: 1em;
+  color: #eeffff;
+}
+
+.info-osd {
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em;
+  padding: 16px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(16, 17, 26, 0.85);
+}
+
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em;
+  padding: 20px;
+  min-width: 64px;
+  min-height: 64px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 0;
+  background-color: rgba(16, 17, 26, 0.85);
+  border: none;
+}
+
+.osd-window .osd-monitor-label {
+  font-size: 3em;
+}
+
+.osd-window .level {
+  padding: 0;
+  height: 4px;
+  background-color: rgba(0, 0, 0, 0.35);
+  border-radius: 6px;
+  color: #e2e9e9;
+}
+
+.osd-window .level-bar {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+.window-list-box {
+  spacing: 2px;
+}
+
+.panel-bottom .window-list-box:ltr,
+.panel-top .window-list-box:ltr {
+  padding: 0 0 0 8px;
+}
+
+.panel-bottom .window-list-box:rtl,
+.panel-top .window-list-box:rtl {
+  padding: 0 8px 0 0;
+}
+
+.window-list-box.vertical {
+  padding: 6px 0 0 0;
+}
+
+.window-list-box.vertical #appMenuIcon {
+  padding-top: 2px;
+}
+
+.window-list-box:highlight {
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+.window-list-item-label {
+  font-weight: normal;
+  width: 15em;
+  min-width: 5px;
+}
+
+.window-list-item-box {
+  font-weight: normal;
+  background-image: none;
+  transition-duration: 100ms;
+  color: rgba(238, 255, 255, 0.9);
+  border-radius: 0;
+}
+
+.panel-bottom .window-list-item-box StLabel {
+  padding-left: 6px;
+}
+
+.panel-top .window-list-item-box StLabel {
+  padding-left: 6px;
+}
+
+.panel-left .window-list-item-box StLabel {
+  padding-top: 6px;
+}
+
+.panel-right .window-list-item-box StLabel {
+  padding-top: 6px;
+}
+
+.panel-top .window-list-item-box {
+  border-top: 2px solid transparent;
+}
+
+.panel-top .window-list-item-box StIcon,
+.panel-top .window-list-item-box StBin,
+.panel-top .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-top: 0;
+}
+
+.panel-bottom .window-list-item-box {
+  border-bottom: 2px solid transparent;
+}
+
+.panel-bottom .window-list-item-box StIcon,
+.panel-bottom .window-list-item-box StBin,
+.panel-bottom .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-bottom: 0;
+}
+
+.panel-left .window-list-item-box {
+  border-left: 2px solid transparent;
+}
+
+.panel-left .window-list-item-box StIcon,
+.panel-left .window-list-item-box StBin,
+.panel-left .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-left: 0;
+}
+
+.panel-right .window-list-item-box {
+  border-right: 2px solid transparent;
+}
+
+.panel-right .window-list-item-box StIcon,
+.panel-right .window-list-item-box StBin,
+.panel-right .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-right: 0;
+}
+
+.window-list-item-box:hover {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.window-list-item-box:active,
+.window-list-item-box:checked,
+.window-list-item-box:running {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.25);
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+.window-list-item-box:active:hover,
+.window-list-item-box:checked:hover,
+.window-list-item-box:running:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.window-list-item-box:focus {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-image: radial-gradient(
+    5px 5px 45deg,
+    circle cover,
+    rgba(238, 255, 255, 0.7) 0%,
+    rgba(238, 255, 255, 0.7) 100%
+  );
+  border-color: #e2e9e9;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.window-list-item-box:focus:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.panel-top .window-list-item-box:focus {
+  background-position: top center;
+}
+
+.panel-bottom .window-list-item-box:focus {
+  background-position: bottom center;
+}
+
+.panel-left .window-list-item-box:focus {
+  background-position: left center;
+}
+
+.panel-right .window-list-item-box:focus {
+  background-position: right center;
+}
+
+.window-list-item-box.right,
+.window-list-item-box.left {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.window-list-item-box .progress {
+  background-gradient-direction: vertical;
+  background-gradient-start: #81c995;
+  background-gradient-end: #81c995;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+.window-list-item-demands-attention {
+  background-gradient-start: #ffcb6b;
+  background-gradient-end: #ffcb6b;
+}
+
+.window-list-preview {
+  padding: 12px;
+  spacing: 6px;
+  border: none;
+  background-color: #0f111a;
+  border-radius: 6px;
+  color: #eeffff;
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
+}
+
+.grouped-window-list-thumbnail-label {
+  padding-left: 4px;
+}
+
+.grouped-window-list-thumbnail-alert {
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+.grouped-window-list-thumbnail-menu {
+  padding: 6px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box {
+  padding: 6px;
+  border-radius: 6px;
+  spacing: 6px;
+  margin: 1px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:outlined {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.grouped-window-list-thumbnail-menu .item-box:hover {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.grouped-window-list-thumbnail-menu .thumbnail {
+  width: 256px;
+}
+
+.grouped-window-list-thumbnail-menu .separator {
+  width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.grouped-window-list-number-label {
+  z-index: 120;
+  text-shadow: none;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 0;
+}
+
+.grouped-window-list-button-label {
+  padding-left: 2px;
+}
+
+.grouped-window-list-badge {
+  border-radius: 256px;
+  background-color: #e2e9e9;
+}
+
+.grouped-window-list-item-box {
+  font-weight: normal;
+  transition-duration: 100ms;
+  border: none;
+  margin: 0;
+  color: rgba(238, 255, 255, 0.6);
+  border-radius: 0;
+  spacing: 6px;
+  border-bottom: 2px solid transparent;
+}
+
+.grouped-window-list-item-box.top,
+.grouped-window-list-item-box.bottom {
+  padding: 0 2px;
+}
+
+.grouped-window-list-item-box:hover {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.grouped-window-list-item-box:active {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: transparent;
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+.grouped-window-list-item-box:active:hover {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.grouped-window-list-item-box:focus {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.2);
+  border-color: #e2e9e9;
+}
+
+.grouped-window-list-item-box:focus:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.grouped-window-list-item-box .progress {
+  background-gradient-direction: vertical;
+  background-gradient-start: #81c995;
+  background-gradient-end: #81c995;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+.grouped-window-list-item-demands-attention {
+  background-gradient-start: #ffcb6b;
+  background-gradient-end: #ffcb6b;
+}
+
+.sound-button {
+  width: 22px;
+  height: 13px;
+  padding: 8px;
+}
+
+.sound-button-container {
+  padding-right: 3px;
+  padding-left: 3px;
+}
+
+.sound-button StIcon {
+  icon-size: 1.4em;
+}
+
+.sound-track-infos {
+  padding: 5px;
+}
+
+.sound-track-info {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+
+.sound-track-info StIcon {
+  icon-size: 16px;
+}
+
+.sound-track-info StLabel {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.sound-track-box {
+  padding-left: 15px;
+  padding-right: 15px;
+  max-width: 220px;
+}
+
+.sound-seek-box {
+  padding-left: 15px;
+}
+
+.sound-seek-box StLabel {
+  padding-top: 2px;
+}
+
+.sound-seek-box StIcon {
+  icon-size: 16px;
+}
+
+.sound-seek-slider {
+  width: 140px;
+}
+
+.sound-volume-menu-item {
+  padding: 0.4em 1.75em;
+}
+
+.sound-volume-menu-item StIcon {
+  icon-size: 1.14em;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.sound-playback-control {
+  padding: 5px 10px 10px 10px;
+}
+
+.sound-player {
+  padding: 0 0;
+  margin-top: 6px;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.sound-player > StBoxLayout:first-child {
+  padding: 5px 10px 10px 10px;
+  spacing: 0.5em;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small {
+  width: 24px;
+  height: 24px;
+  border-radius: 9999px;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:hover {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:active {
+  background-color: rgba(0, 0, 0, 0.26);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small StIcon {
+  icon-size: 16px;
+}
+
+.sound-player-generic-coverart {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.sound-player-overlay {
+  width: 290px;
+  height: 80px;
+  padding: 12px 18px;
+  spacing: 6px;
+  background-color: rgba(0, 0, 0, 0.45);
+  border: none;
+  border-radius: 0 0 6px 6px;
+  color: #eeffff;
+  text-shadow: none;
+}
+
+.sound-player-overlay StButton {
+  width: 16px;
+  height: 16px;
+  padding: 8px;
+  margin: 0 6px 6px;
+  color: #eeffff;
+  border-radius: 9999px;
+  border: none;
+  text-shadow: none;
+}
+
+.sound-player-overlay StButton StIcon {
+  icon-size: 16px;
+}
+
+.sound-player-overlay StButton:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.sound-player-overlay StButton:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.sound-player-overlay StLabel {
+  padding: 0 6px;
+}
+
+.sound-player-overlay StBoxLayout {
+  padding-top: 2px;
+}
+
+.sound-player .slider {
+  height: 0.5em;
+  padding: 0;
+  border: 0px solid rgba(5, 5, 5, 0.9);
+  border-bottom: 1px;
+  -slider-height: 0.5em;
+  -slider-background-color: #1f1f1f;
+  -slider-border-color: rgba(0, 0, 0, 0);
+  -slider-active-background-color: #e2e9e9;
+  -slider-active-border-color: rgba(0, 0, 0, 0);
+  -slider-border-width: 0px;
+  -slider-handle-radius: 0px;
+}
+
+#workspaceSwitcher {
+  spacing: 0px;
+  padding: 3px;
+}
+
+/* Controls the styling when using the "Simple buttons" option */
+.workspace-switcher {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.workspace-button {
+  width: 20px;
+  height: 10px;
+  color: rgba(238, 255, 255, 0.7);
+  padding: 3px;
+  padding-top: 4px;
+  transition-duration: 300;
+}
+
+.workspace-button:outlined,
+.workspace-button:outlined:hover {
+  color: #e2e9e9;
+}
+
+.workspace-button:hover {
+  color: #eeffff;
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+  padding: 3px;
+  spacing: 3px;
+}
+
+.workspace-graph .workspace {
+  border: 1px solid rgba(0, 0, 0, 0.4);
+  background-gradient-direction: none;
+  background-color: rgba(0, 0, 0, 0.2);
+}
+
+.workspace-graph .workspace:active {
+  border: 1px solid #e2e9e9;
+  background-gradient-direction: none;
+}
+
+.workspace-graph .workspace .windows {
+  -active-window-background: rgba(71, 71, 71, 0.75);
+  -active-window-border: rgba(0, 0, 0, 0.8);
+  -inactive-window-background: rgba(71, 71, 71, 0.75);
+  -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+.workspace-graph .workspace:active .windows {
+  -active-window-background: rgba(84, 84, 84, 0.75);
+  -active-window-border: rgba(0, 0, 0, 0.8);
+  -inactive-window-background: rgba(46, 46, 46, 0.75);
+  -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+#panel-launchers-box {
+  padding: 0 6px;
+}
+
+#panel-launchers-box.vertical {
+  padding: 3px 0;
+}
+
+.panel-launcher {
+  padding: 2px;
+  transition-duration: 200ms;
+  border-radius: 0;
+}
+
+.panel-launcher:hover {
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.panel-launcher:active {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.launcher {
+  padding: 2px;
+  spacing: 2px;
+  transition-duration: 0.2s;
+  border-radius: 0;
+}
+
+.launcher:hover {
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.launcher:active {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.launcher .icon-box {
+  padding: 2px;
+}
+
+.applet-separator {
+  padding: 1px 3px;
+}
+
+.applet-separator-line {
+  width: 1px;
+  background: rgba(238, 255, 255, 0.12);
+}
+
+.applet-box {
+  padding: 0 6px;
+  color: rgba(238, 255, 255, 0.7);
+  text-shadow: none;
+  transition-duration: 100ms;
+  border-radius: 0;
+}
+
+.applet-box.vertical {
+  padding: 6px 0;
+}
+
+.applet-box:hover {
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.applet-box:checked,
+.applet-box:checked:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.applet-box:highlight {
+  background-image: none;
+  border-image: none;
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+.applet-label {
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.applet-box:checked .applet-label {
+  color: rgba(0, 0, 0, 0.87);
+  text-shadow: none;
+}
+
+.applet-icon {
+  color: rgba(238, 255, 255, 0.7);
+  icon-size: 16px;
+}
+
+.applet-box:checked .applet-icon {
+  color: rgba(238, 255, 255, 0.7);
+  text-shadow: none;
+}
+
+.user-icon {
+  width: 32px;
+  height: 32px;
+  background-color: transparent;
+  border: none;
+  border-radius: 0;
+}
+
+.user-label {
+  color: #eeffff;
+  font-size: 1em;
+  font-weight: bold;
+  margin: 0px;
+}
+
+.desklet {
+  color: #eeffff;
+}
+
+.desklet:highlight {
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+.desklet-with-borders {
+  color: #eeffff;
+  background-color: rgba(31, 34, 51, 0.9);
+  padding: 12px;
+  padding-bottom: 16px;
+}
+
+.desklet-with-borders:highlight {
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+.desklet-with-borders-and-header {
+  color: #eeffff;
+  background-color: rgba(31, 34, 51, 0.9);
+  border-radius: 6px;
+  border-radius-topleft: 0;
+  border-radius-topright: 0;
+  padding: 12px;
+  padding-bottom: 17px;
+}
+
+.desklet-with-borders-and-header:highlight {
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+.desklet-header {
+  color: #eeffff;
+  background-color: rgba(31, 34, 51, 0.9);
+  border-radius: 0;
+  border-radius-topleft: 6px;
+  border-radius-topright: 6px;
+  font-size: 1em;
+  padding: 12px;
+  padding-bottom: 6px;
+}
+
+.desklet-drag-placeholder {
+  border: 2px solid #84ffff;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+.photoframe-box {
+  color: #eeffff;
+  background-color: rgba(31, 34, 51, 0.9);
+  padding: 12px;
+  padding-bottom: 16px;
+}
+
+.workspace-osd {
+  text-shadow: black 5px 5px 5px;
+  font-weight: bold;
+  font-size: 48pt;
+}
+
+.notification-applet-padding {
+  padding: 0.5em 1em;
+}
+
+.notification-applet-container {
+  max-height: 9999px;
+}
+
+.tile-preview,
+.tile-preview.snap,
+.tile-hud,
+.tile-hud.snap {
+  background-color: rgba(226, 233, 233, 0.3);
+  border: 1px solid #e2e9e9;
+}
+
+.xkcd-box {
+  padding: 6px;
+  border: 0px;
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 0px;
+}
diff --git a/Material/files/Material/config/DeepOcean-B/gnome-shell/gnome-shell.css b/Material/files/Material/config/DeepOcean-B/gnome-shell/gnome-shell.css
new file mode 100644
index 000000000..e8d009f3c
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/gnome-shell/gnome-shell.css
@@ -0,0 +1,4412 @@
+/* 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.
+ */
+
+.message-list .message-list-placeholder {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.quick-toggle-menu .header .title {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.quick-toggle-menu .header .subtitle {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+.icon-label-button-container {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.ripple-pointer-location {
+  width: 48px;
+  height: 48px;
+  border-radius: 24px;
+  background-color: rgba(238, 255, 255, 0.3);
+  box-shadow: 0 0 2px 2px #eeffff;
+}
+
+.pie-timer {
+  width: 60px;
+  height: 60px;
+  -pie-border-width: 3px;
+  -pie-border-color: #e2e9e9;
+  -pie-background-color: rgba(238, 255, 255, 0.3);
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #e2e9e9;
+}
+
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+/* App Icons */
+.show-apps .show-apps-icon {
+  color: transparent;
+  background-image: url('assets/applogo.svg');
+  background-size: contain;
+  border-radius: 6px;
+  padding: 2px 4px;
+}
+
+.show-apps .overview-icon,
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+  color: #eeffff;
+  border-radius: 9px;
+  padding: 6px;
+  border: none;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.show-apps:hover .overview-icon,
+.show-apps:focus .overview-icon,
+.show-apps:selected .overview-icon,
+.app-well-app:hover .overview-icon,
+.app-well-app:focus .overview-icon,
+.app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:focus .overview-icon,
+.grid-search-result:selected .overview-icon {
+  color: #84ffff;
+  background-color: rgba(35, 38, 55, 0.65);
+  border-image: none;
+  background-image: none;
+}
+
+.show-apps:active .overview-icon,
+.show-apps:checked .overview-icon,
+.app-well-app:active .overview-icon,
+.app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+  background-color: rgba(35, 38, 55, 1);
+  box-shadow: none;
+}
+
+.app-well-app.app-folder {
+  background-color: rgba(35, 38, 55, 0.65);
+  border-radius: 12px;
+}
+
+.app-well-app.app-folder .overview-icon {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.app-well-app.app-folder:hover {
+  background-color: rgba(35, 38, 55, 1);
+}
+
+.app-well-app.app-folder:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.app-folder-dialog {
+  border-radius: 36px;
+  padding: 12px;
+  background-color: rgba(15, 17, 26, 0.95);
+  border: 1px solid rgba(132, 255, 255, 0.55);
+  box-shadow: inset 0 0 0 1px rgba(132, 255, 255, 0.2);
+}
+
+.app-folder-dialog .folder-name-container {
+  padding: 24px 36px 0;
+  spacing: 12px;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label,
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  font-size: 18pt;
+  font-weight: bold;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  width: 300px;
+  border: 2px solid transparent;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+  padding: 9px 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+  background-color: rgba(238, 255, 255, 0.06);
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  padding: 0;
+  width: 36px;
+  height: 36px;
+  border-radius: 9999px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+  icon-size: 16px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked,
+.app-folder-dialog .folder-name-container .edit-folder-button:active {
+  background-color: #eeffff;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.app-folder-dialog .icon-grid {
+  row-spacing: 12px;
+  column-spacing: 24px;
+  page-padding-top: 0;
+  page-padding-bottom: 0;
+  page-padding-left: 0;
+  page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+  margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+  padding: 0;
+  width: 620px;
+  height: 620px;
+}
+
+.app-well-app-running-dot {
+  width: 6px;
+  height: 3px;
+  border-radius: 2px;
+  background-color: rgba(238, 255, 255, 0.3);
+  margin-bottom: 0;
+}
+
+StWidget.focused .app-well-app-running-dot {
+  width: 24px;
+  background-color: #eeffff !important;
+}
+
+.app-menu,
+.app-well-menu {
+  max-width: 27.25em;
+}
+
+.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;
+}
+
+.system-action-icon {
+  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
+  background-color: rgba(15, 17, 26, 0.95);
+  color: #eeffff;
+  border-radius: 9999px;
+  icon-size: 48px;
+}
+
+.shell-link {
+  border-radius: 6px;
+  color: #89ddff;
+}
+
+.shell-link:hover {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.shell-link:active {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.25);
+}
+
+.lowres-icon {
+  icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.icon-dropshadow {
+  icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
+}
+
+/* Buttons */
+.hotplug-notification-item,
+.icon-button,
+.button {
+  color: #eeffff;
+  background-color: rgba(41 45, 62, 0.95);
+  box-shadow: none !important;
+}
+
+.hotplug-notification-item:focus,
+.icon-button:focus,
+.button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.hotplug-notification-item:hover,
+.icon-button:hover,
+.button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none !important;
+}
+
+.hotplug-notification-item:active,
+.icon-button:active,
+.button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none !important;
+}
+
+.hotplug-notification-item:insensitive,
+.icon-button:insensitive,
+.button:insensitive {
+  color: rgba(238, 255, 255, 0.35);
+  background-color: rgba(41 45, 62, 0.95);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button,
+.candidate-page-button,
+.modal-dialog-linked-button,
+.popup-menu .button {
+  color: #eeffff;
+  background-color: transparent;
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:focus,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus,
+.candidate-page-button:focus,
+.modal-dialog-linked-button:focus,
+.popup-menu .button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:hover,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover,
+.candidate-page-button:hover,
+.modal-dialog-linked-button:hover,
+.popup-menu .button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.lg-obj-inspector-button:active,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:active,
+.candidate-page-button:active,
+.modal-dialog-linked-button:active,
+.popup-menu .button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:insensitive,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive,
+.candidate-page-button:insensitive,
+.modal-dialog-linked-button:insensitive,
+.popup-menu .button:insensitive {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.35);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button,
+.screenshot-ui-type-button,
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button,
+.login-dialog .modal-dialog-button,
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button:default {
+  color: #eeffff;
+  background-color: transparent;
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:insensitive,
+.screenshot-ui-type-button:insensitive,
+.login-dialog .cancel-button:insensitive,
+.login-dialog .switch-user-button:insensitive,
+.login-dialog .login-dialog-session-list-button:insensitive,
+.unlock-dialog .cancel-button:insensitive,
+.unlock-dialog .switch-user-button:insensitive,
+.unlock-dialog .login-dialog-session-list-button:insensitive,
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+  color: rgba(238, 255, 255, 0.35);
+  background-color: rgba(15, 17, 26, 0.95);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:focus,
+.screenshot-ui-type-button:focus,
+.login-dialog .cancel-button:focus,
+.login-dialog .switch-user-button:focus,
+.login-dialog .login-dialog-session-list-button:focus,
+.unlock-dialog .cancel-button:focus,
+.unlock-dialog .switch-user-button:focus,
+.unlock-dialog .login-dialog-session-list-button:focus,
+.login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:hover,
+.screenshot-ui-type-button:hover,
+.login-dialog .cancel-button:hover,
+.login-dialog .switch-user-button:hover,
+.login-dialog .login-dialog-session-list-button:hover,
+.unlock-dialog .cancel-button:hover,
+.unlock-dialog .switch-user-button:hover,
+.unlock-dialog .login-dialog-session-list-button:hover,
+.login-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:active,
+.screenshot-ui-type-button:active,
+.login-dialog .cancel-button:active,
+.login-dialog .switch-user-button:active,
+.login-dialog .login-dialog-session-list-button:active,
+.unlock-dialog .cancel-button:active,
+.unlock-dialog .switch-user-button:active,
+.unlock-dialog .login-dialog-session-list-button:active,
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none !important;
+}
+
+.button {
+  min-height: 20px;
+  padding: 6px 12px;
+  border-radius: 6px;
+  border: none;
+}
+
+.icon-button {
+  border-radius: 9999px;
+  padding: 6px;
+}
+
+.icon-button StIcon {
+  icon-size: 16px !important;
+  -st-icon-style: symbolic;
+}
+
+/* Date/Time Menu */
+.popup-menu .message,
+.world-clocks-button,
+.weather-button,
+.events-button {
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.04);
+  border-radius: 6px;
+  border: none;
+  box-shadow: none;
+  text-shadow: none;
+  padding: 6px 9px;
+}
+
+.popup-menu .message:hover,
+.world-clocks-button:hover,
+.weather-button:hover,
+.events-button:hover,
+.popup-menu .message:focus,
+.world-clocks-button:focus,
+.weather-button:focus,
+.events-button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+.popup-menu .message:active,
+.world-clocks-button:active,
+.weather-button:active,
+.events-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none;
+}
+
+.clock-display-box {
+  spacing: 2px;
+}
+
+.clock-display-box .clock {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+#calendarArea {
+  padding: 6px 0;
+}
+
+.datemenu-calendar-column {
+  spacing: 6px;
+  border: 0 solid rgba(238, 255, 255, 0.12);
+  padding: 0 12px;
+}
+
+.datemenu-calendar-column:ltr {
+  margin-right: 0;
+  border-left-width: 0;
+}
+
+.datemenu-calendar-column:rtl {
+  margin-left: 0;
+  border-right-width: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-section {
+  padding-bottom: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+  spacing: 6px;
+}
+
+.world-clocks-header,
+.weather-header,
+.events-section-title {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: bold;
+}
+
+.datemenu-today-button,
+.datemenu-displays-box,
+.message-list-sections {
+  margin: 4px 6px;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+  border: none;
+  box-shadow: none;
+  background: none;
+  padding: 6px;
+  margin: 0 12px;
+  text-shadow: none;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 12px;
+}
+
+.datemenu-today-button:hover,
+.datemenu-today-button:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.datemenu-today-button:active {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.datemenu-today-button .day-label {
+  font-size: 12pt;
+  font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+  font-size: 18pt;
+  font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  padding: 0 3px !important;
+  margin: 0 !important;
+  text-shadow: none;
+  border-radius: 12px;
+}
+
+.calendar .calendar-month-label {
+  padding: 6px 0;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: bold;
+  text-align: center;
+  text-shadow: none;
+  font-size: 12pt;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 0 !important;
+  margin: 3px 0 !important;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+  icon-size: 16px;
+}
+
+.calendar .pager-button {
+  width: 32px !important;
+  height: 32px !important;
+  margin: 2px !important;
+  border-radius: 9999px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.calendar .pager-button:hover,
+.calendar .pager-button:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.calendar .pager-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.calendar .calendar-day-base {
+  font-size: 10pt;
+  text-align: center;
+  width: 34px !important;
+  height: 34px !important;
+  padding: 0 !important;
+  margin: 2px !important;
+  border-radius: 9999px;
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  font-feature-settings: 'tnum';
+}
+
+.calendar .calendar-day-base:hover,
+.calendar .calendar-day-base:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  outline: none;
+}
+
+.calendar .calendar-day-base:active,
+.calendar .calendar-day-base:selected {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+  border-color: transparent;
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+  margin-top: 1em;
+  color: rgba(238, 255, 255, 0.5);
+  font-size: 10pt;
+}
+
+.calendar .calendar-day {
+  border-width: 0;
+}
+
+.calendar .calendar-day-top {
+  border-top-width: 0;
+}
+
+.calendar .calendar-day-left {
+  border-left-width: 0;
+}
+
+.calendar .calendar-nonwork-day {
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: bold;
+}
+
+.calendar .calendar-today {
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.7) !important;
+  background-color: rgba(238, 255, 255, 0.06);
+  border: none;
+}
+
+.calendar .calendar-today:hover,
+.calendar .calendar-today:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff !important;
+}
+
+.calendar .calendar-today:active {
+  background-color: #b0bec5;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected {
+  background-color: #84ffff;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected:hover,
+.calendar .calendar-today:selected:focus {
+  background-color: #c792ea;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-day-with-events {
+  color: rgba(238, 255, 255, 0.7);
+  background-image: url('assets/calendar-today.svg');
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 0.5;
+}
+
+.calendar .calendar-week-number {
+  width: 26px;
+  height: 20px;
+  margin: 6px 2px !important;
+  padding: 0 0;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  font-size: inherit;
+  font-weight: bold;
+  text-align: center;
+}
+
+.world-clocks-button,
+.weather-button,
+.events-button {
+  padding: 12px !important;
+  margin: 2px 0 !important;
+}
+
+.events-button .events-box {
+  spacing: 6px;
+}
+
+.events-button .events-list {
+  spacing: 12px;
+  text-shadow: none;
+}
+
+.events-button .events-title {
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: bold;
+  text-shadow: none;
+}
+
+.events-button .event-time {
+  color: rgba(238, 255, 255, 0.5);
+  font-feature-settings: 'tnum';
+  font-size: 10pt;
+}
+
+.world-clocks-button .world-clocks-city {
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: bold;
+  font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time {
+  color: rgba(238, 255, 255, 0.5);
+  font-feature-settings: 'tnum';
+  font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+  text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+  text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+  color: rgba(238, 255, 255, 0.5);
+  font-feature-settings: 'tnum';
+  font-size: 10pt;
+}
+
+.world-clocks-grid,
+.weather-grid {
+  spacing-rows: 0.4em;
+  spacing-columns: 0.8em;
+}
+
+.weather-button {
+  margin-bottom: 6px !important;
+}
+
+.weather-button .weather-box {
+  spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+  spacing: 6px;
+}
+
+.weather-button .weather-header {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: bold;
+}
+
+.weather-button .weather-header.location {
+  font-weight: normal;
+  color: rgba(238, 255, 255, 0.5);
+  font-size: 10pt;
+}
+
+.weather-button .weather-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.weather-button .weather-forecast-time {
+  color: rgba(238, 255, 255, 0.7);
+  font-feature-settings: 'tnum';
+  font-size: 9pt;
+  font-weight: normal;
+  padding-top: 0.2em;
+  padding-bottom: 0.4em;
+}
+
+.weather-button .weather-forecast-icon {
+  icon-size: 32px;
+}
+
+.weather-button .weather-forecast-temp {
+  font-weight: bold;
+}
+
+/* Check Boxes */
+.check-box StBoxLayout {
+  spacing: 0.8em;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+  background-image: url('assets/checkbox-off.svg');
+}
+
+.check-box:hover StBin {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.check-box:active StBin {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+  background-image: url('assets/checkbox-dark.svg');
+}
+
+/* Activities Ripple */
+.ripple-box {
+  background-color: rgba(226, 233, 233, 0.35);
+  box-shadow: 0 0 2px 2px #eeffff;
+  width: 52px;
+  height: 52px;
+  border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+  border-radius: 0 0 0 52px;
+}
+
+/* Dash */
+#dash {
+  font-size: 9pt;
+}
+
+#dash .empty-dash-drop-target {
+  width: 32px;
+  height: 32px;
+}
+
+.dash-label {
+  background-color: rgba(41 45, 62, 0.95);
+  color: #84ffff;
+  padding: 6px 12px;
+  text-align: center;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.55);
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
+  -y-offset: 12px;
+  -x-offset: 8px;
+}
+
+/* Modal Dialogs */
+.candidate-popup-content,
+.modal-dialog {
+  background-color: rgba(41 45, 62, 0.95);
+  border-radius: 12px;
+  box-shadow: 3px 3px 8px -5px rgba(0, 0, 0, 0.35);
+  margin: 15px;
+  border: 2px solid #84ffff;
+}
+
+.modal-dialog-linked-button:last-child {
+  color: #eeffff;
+  background-color: #3b3f51;
+}
+
+.modal-dialog-linked-button:hover:last-child {
+  color: #eeffff;
+  background-color: #6e98eb;
+}
+
+.modal-dialog-linked-button:active:last-child {
+  color: #eeffff;
+  background-color: #dc6068;
+}
+
+.modal-dialog-linked-button:insensitive:last-child {
+  background-color: rgba(226, 233, 233, 0.05);
+  color: rgba(226, 233, 233, 0.35);
+}
+
+.headline {
+  font-size: 12pt;
+}
+
+.modal-dialog {
+  color: #eeffff;
+  padding: 0 6px 6px 6px;
+}
+
+.modal-dialog-linked-button {
+  min-height: 32px;
+  padding: 6px;
+  margin: 3px !important;
+  border: none !important;
+  border-radius: 6px;
+}
+
+.modal-dialog-linked-button:first-child {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.modal-dialog-linked-button:first-child:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.modal-dialog-linked-button:first-child:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.modal-dialog-linked-button:first-child:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none !important;
+}
+
+.modal-dialog .modal-dialog-content-box {
+  margin: 30px 42px;
+  spacing: 30px;
+  max-width: 28em;
+}
+
+.end-session-dialog {
+  width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+  color: #ffcb6b;
+}
+
+.message-dialog-content {
+  spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+  text-align: center;
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+  font-size: 13pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+  text-align: center;
+}
+
+.dialog-list {
+  spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+  text-align: center;
+  font-weight: bold;
+}
+
+.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: rgba(238, 255, 255, 0.7);
+  font-size: 10pt;
+}
+
+.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: rgba(238, 255, 255, 0.7);
+  font-size: 10pt;
+}
+
+.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;
+  font-size: 10pt;
+  margin: 6px;
+}
+
+.prompt-dialog-error-label {
+  color: #f28b82;
+}
+
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.polkit-dialog-user-layout {
+  text-align: center;
+  spacing: 8px;
+  margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+  color: #ffcb6b;
+}
+
+.audio-device-selection-dialog .modal-dialog-content-box {
+  margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+  spacing: 20px;
+}
+
+.audio-selection-device {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.audio-selection-device:hover,
+.audio-selection-device:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.audio-selection-device:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.audio-selection-device-box {
+  padding: 18px;
+  spacing: 18px;
+}
+
+.audio-selection-device-icon {
+  icon-size: 64px;
+}
+
+.welcome-dialog-image {
+  background-image: url('resource:///org/gnome/shell/theme/gnome-shell-start.svg');
+  background-size: contain;
+  height: 300px;
+  width: 300px;
+}
+
+/* Entries */
+StEntry,
+.search-entry {
+  min-height: 20px;
+  padding: 6px 12px;
+  margin: 2px;
+  border: none;
+  border-radius: 6px;
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid transparent;
+  box-shadow: none;
+  caret-color: #eeffff;
+  selection-background-color: rgba(238, 255, 255, 0.25);
+  selected-color: #eeffff;
+}
+
+StEntry:hover,
+.search-entry:hover {
+  color: #eeffff;
+  border-color: rgba(226, 233, 233, 0.35);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+StEntry:focus,
+.search-entry:focus {
+  color: #eeffff;
+  border-color: #e2e9e9;
+  background-color: rgba(238, 255, 255, 0.04);
+  box-shadow: none;
+}
+
+StEntry:insensitive,
+.search-entry:insensitive {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.35);
+  border-color: transparent;
+}
+
+StEntry StIcon.capslock-warning,
+.search-entry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #ffcb6b;
+  padding: 0;
+}
+
+StEntry StIcon.peek-password,
+.search-entry StIcon.peek-password {
+  icon-size: 16px;
+  padding: 0 4px;
+}
+
+StEntry StLabel.hint-text,
+.search-entry StLabel.hint-text {
+  margin-left: 2px;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.hotplug-notification-item {
+  padding: 12px;
+  border-style: solid;
+  border-width: 0;
+  border-left-width: 0;
+  border-bottom-width: 0;
+}
+
+.hotplug-notification-item:first-child {
+  border-radius: 0 0 0 6px;
+}
+
+.hotplug-notification-item:last-child {
+  border-right-width: 0;
+  border-radius: 0 0 6px 0;
+}
+
+.hotplug-notification-item:first-child:last-child {
+  border-radius: 0 0 6px 6px;
+}
+
+.hotplug-notification-item-icon {
+  icon-size: 24px;
+  padding: 0 4px;
+}
+
+.candidate-popup-boxpointer {
+  -arrow-border-radius: 2px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 64px;
+  -arrow-rise: 12px;
+}
+
+.candidate-popup-content {
+  color: rgba(238, 255, 255, 0.7);
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35) !important;
+  border: none;
+  margin: 3px 8px 12px !important;
+  padding: 6px;
+  spacing: 6px;
+}
+
+.candidate-index {
+  padding: 0 0.5em 0 0;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.candidate-box:selected .candidate-index {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.candidate-box {
+  padding: 0.3em 0.5em 0.3em 0.5em;
+  margin-right: 2px;
+  border-radius: 6px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.candidate-box:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.candidate-box:active {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #eeffff;
+}
+
+.candidate-box:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.candidate-box:last-child {
+  margin-right: 0;
+}
+
+.candidate-page-button-box {
+  height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+  padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+  padding-left: 0.5em;
+}
+
+.candidate-page-button {
+  padding: 6px 9px;
+}
+
+.candidate-page-button-previous,
+.candidate-page-button-next {
+  border-radius: 6px;
+}
+
+.candidate-page-button-icon {
+  icon-size: 1em;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+  background-color: #232637;
+  box-shadow: none;
+}
+
+#keyboard .page-indicator {
+  padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+  width: 8px;
+  height: 8px;
+}
+
+.key-container,
+.keyboard-layout {
+  padding: 4px;
+  spacing: 4px;
+}
+
+.keyboard-key {
+  font-size: 16pt;
+  font-weight: bold;
+  min-height: 1.2em;
+  min-width: 1.2em;
+  border-radius: 9px;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: #3b3f51;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key:focus,
+.keyboard-key:hover {
+  color: #eeffff;
+  background-color: #464b5d;
+}
+
+.keyboard-key:checked,
+.keyboard-key:active {
+  color: #eeffff;
+  background-color: #515772;
+}
+
+.keyboard-key:grayed {
+  background-color: rgba(41 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.keyboard-key.default-key {
+  background-color: #222436;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key.default-key:focus,
+.keyboard-key.default-key:hover {
+  color: #eeffff;
+  background-color: #444267;
+}
+
+.keyboard-key.default-key:checked,
+.keyboard-key.default-key:active {
+  color: #eeffff;
+  background-color: #515772;
+}
+
+.keyboard-key.enter-key {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key.enter-key:focus,
+.keyboard-key.enter-key:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #a6accd;
+}
+
+.keyboard-key.enter-key:checked,
+.keyboard-key.enter-key:active {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #717cb4;
+}
+
+.keyboard-key.shift-key-uppercase,
+.keyboard-key.shift-key-uppercase:focus,
+.keyboard-key.shift-key-uppercase:hover,
+.keyboard-key.shift-key-uppercase:checked,
+.keyboard-key.shift-key-uppercase:active {
+  color: #e2e9e9;
+}
+
+.keyboard-key StIcon {
+  icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+  color: inherit;
+  -arrow-border-radius: 12px;
+  -arrow-background-color: #232637;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 5px;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+}
+
+.emoji-page .keyboard-key {
+  background-color: transparent;
+  border: none;
+  color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+  border: none;
+  background-color: #e2e9e9;
+}
+
+.word-suggestions {
+  font-size: 14pt;
+  spacing: 12px;
+  min-height: 20pt;
+}
+
+/* Login Dialog */
+#lockDialogGroup {
+  background-color: rgba(15, 17, 26, 0.95);
+}
+
+.login-dialog-banner-view {
+  padding-top: 24px;
+  max-width: 23em;
+}
+
+.login-dialog,
+.unlock-dialog {
+  border: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+  spacing: 3px;
+}
+
+.login-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button {
+  padding: 0 16px;
+  border: none;
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+  padding: 0;
+  border-radius: 9999px;
+  width: 32px;
+  height: 32px;
+  border: none;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+  icon-size: 16px;
+}
+
+.login-dialog .login-dialog-message-warning,
+.unlock-dialog .login-dialog-message-warning {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog .user-icon,
+.unlock-dialog .user-icon {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog .user-icon StIcon,
+.unlock-dialog .user-icon StIcon {
+  background-color: rgba(15, 17, 26, 0.95);
+  color: #eeffff;
+}
+
+.login-dialog .user-icon,
+.login-dialog .user-icon.user-avatar,
+.unlock-dialog .user-icon,
+.unlock-dialog .user-icon.user-avatar {
+  border: 2px solid #e2e9e9;
+}
+
+.login-dialog-logo-bin {
+  padding: 24px 0px;
+}
+
+.login-dialog-banner {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-button-box {
+  spacing: 5px;
+}
+
+.login-dialog-message {
+  text-align: center;
+}
+
+.login-dialog-message-warning {
+  color: #ffcb6b;
+}
+
+.login-dialog-message-hint {
+  padding-top: 0;
+  padding-bottom: 20px;
+}
+
+.login-dialog-user-selection-box {
+  padding: 100px 0px;
+}
+
+.login-dialog-not-listed-label {
+  padding-left: 2px;
+}
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
+.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+  color: #eeffff;
+}
+
+.login-dialog-not-listed-label {
+  font-size: 1em;
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.7);
+  padding-top: 1em;
+}
+
+.login-dialog-not-listed-label:hover {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-not-listed-label:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.login-dialog-user-list-view {
+  -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+  spacing: 12px;
+  padding: 0.2em;
+  width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected,
+.login-dialog-user-list:expanded .login-dialog-user-list-item:hover,
+.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+  border-right: 2px solid #e2e9e9;
+}
+
+.login-dialog-user-list-item {
+  border-radius: 12px;
+  padding: 6px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item:ltr .user-widget {
+  padding-right: 1em;
+}
+
+.login-dialog-user-list-item:rtl .user-widget {
+  padding-left: 1em;
+}
+
+.login-dialog-user-list-item:focus {
+  background-color: rgba(238, 255, 255, 0.04) !important;
+}
+
+.login-dialog-user-list-item:hover,
+.login-dialog-user-list-item:focus:hover {
+  background-color: rgba(238, 255, 255, 0.12) !important;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item:active,
+.login-dialog-user-list-item:focus:active {
+  background-color: rgba(238, 255, 255, 0.3) !important;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+  height: 2px;
+  margin: 6px 0 0 0;
+  background-color: rgba(238, 255, 255, 0.12) !important;
+}
+
+.user-widget-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.user-widget.horizontal .user-widget-label {
+  font-size: 13pt;
+  font-weight: bold;
+  padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+  padding-left: 14px;
+  text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+  padding-right: 14px;
+  text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+  font-size: 16pt;
+  text-align: center;
+  font-weight: normal;
+  padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+  padding-top: 24px;
+  padding-bottom: 12px;
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-prompt-entry {
+  height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: 12pt;
+  padding-top: 1em;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+  background-color: rgba(41 45, 62, 0.95) !important;
+  spacing: 4px;
+  padding: 0;
+  border-radius: 6px;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+  color: #eeffff !important;
+  border: 2px solid #e2e9e9;
+  border-top: none;
+}
+
+#LookingGlassDialog > #Toolbar {
+  padding: 0 6px;
+  border: none;
+  border-radius: 0;
+  background-color: rgba(41 45, 62, 0.95) !important;
+  box-shadow: inset 0 -1px 0 rgba(238, 255, 255, 0.12);
+  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;
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.5);
+  padding: 6px 12px;
+  transition-duration: 100ms;
+  border-bottom-width: 0;
+  border-radius: 0;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+  text-shadow: none;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: inset 0 -2px 0 #e2e9e9;
+  color: #eeffff;
+  text-shadow: none;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+  padding: 4px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+  spacing: 6px;
+  padding: 6px;
+}
+
+.lg-dialog StEntry {
+  min-height: 22px;
+  selection-background-color: #e2e9e9;
+  selected-color: rgba(0, 0, 0, 0.87);
+}
+
+.lg-dialog .shell-link {
+  color: #89ddff;
+}
+
+.lg-dialog .shell-link:hover {
+  color: #51adf6;
+}
+
+.lg-dialog .shell-link:active {
+  color: #0c7cd5;
+}
+
+.lg-dialog .actor-link {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.lg-dialog .actor-link:hover {
+  color: #eeffff;
+}
+
+.lg-dialog .actor-link:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.lg-completions-text {
+  font-size: 0.9em;
+  font-style: italic;
+}
+
+.lg-obj-inspector-title {
+  spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+  padding: 0 16px;
+  border: none;
+  border-radius: 6px;
+}
+
+.lg-obj-inspector-button:hover {
+  border: none;
+}
+
+#lookingGlassExtensions {
+  padding: 6px;
+}
+
+.lg-extensions-list {
+  padding: 6px;
+  spacing: 6px;
+}
+
+.lg-extension {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04) !important;
+  color: #eeffff !important;
+  padding: 12px;
+  box-shadow: none;
+  border: 2px solid #e2e9e9;
+}
+
+.lg-extension-name {
+  font-weight: bold;
+}
+
+.lg-extension-meta {
+  spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+  color: rgba(238, 255, 255, 0.7) !important;
+  background: rgba(41 45, 62, 0.95) !important;
+  border: none;
+  border-radius: 6px;
+  padding: 6px;
+  margin: 5px 8px 11px;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+.lg-debug-flag-button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.lg-debug-flag-button StLabel {
+  padding: 6px 12px;
+}
+
+.lg-debug-flag-button:hover {
+  color: #eeffff;
+}
+
+.lg-debug-flag-button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.lg-debug-flags-header {
+  padding-top: 12px;
+  padding: 6px;
+  margin: 6px;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/* Message List */
+.message-list {
+  width: 31.5em;
+  text-shadow: none;
+  border: solid rgba(238, 255, 255, 0.12);
+  padding: 6px;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-right: 12px;
+  border-right-width: 1px;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 4px;
+  padding-left: 12px;
+  border-left-width: 1px;
+}
+
+.message-list .message-list-placeholder {
+  spacing: 12px;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 48px;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+  margin: 0 8px;
+}
+
+.message-list-section,
+.message-list-sections,
+.message-list-section-list {
+  spacing: 6px;
+}
+
+.message-list-controls {
+  margin: 8px 16px 0;
+  padding: 4px;
+  spacing: 12px;
+}
+
+.message {
+  margin: 3px 0;
+}
+
+.message .message-icon-bin {
+  padding: 18px 12px;
+  padding-right: 6px;
+}
+
+.message .message-icon-bin:rtl {
+  padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+  icon-size: 32px;
+  -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+  width: 16px;
+  height: 16px;
+}
+
+.message .message-secondary-bin {
+  padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+  color: rgba(238, 255, 255, 0.5);
+  font-size: 9pt;
+  text-align: right;
+  padding-bottom: 0;
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+  text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+  text-align: left;
+}
+
+.message .message-title {
+  color: #eeffff;
+  font-weight: bold;
+  padding-top: 0.57em;
+}
+
+.message .message-content {
+  padding: 6px;
+  margin-bottom: 4px;
+  spacing: 4px;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.message .message-close-button {
+  color: rgba(238, 255, 255, 0.7);
+  padding: 4px;
+  height: 20px;
+  width: 20px;
+  border-radius: 9999px;
+}
+
+.message .message-close-button:hover,
+.message .message-close-button:active {
+  color: #eeffff;
+}
+
+.message .message-close-button:hover,
+.message .message-close-button:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.message .message-close-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.message .message-body {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.url-highlighter {
+  link-color: #89ddff;
+}
+
+.message-media-control {
+  margin: 20px 6px;
+  padding: 9px;
+  border-radius: 9999px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.message-media-control:hover,
+.message-media-control:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.message-media-control:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.message-media-control:insensitive {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.message-media-control:last-child:ltr {
+  margin-right: 16px;
+}
+
+.message-media-control:last-child:rtl {
+  margin-left: 16px;
+}
+
+.message-media-control StIcon {
+  icon-size: 16px;
+}
+
+.media-message-cover-icon {
+  icon-size: 32px !important;
+}
+
+.media-message-cover-icon.fallback {
+  icon-size: 24px !important;
+  padding: 6px;
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.select-area-rubberband {
+  background-color: rgba(226, 233, 233, 0.3);
+  border: 1px solid #e2e9e9;
+  border-radius: 6px;
+}
+
+.user-icon {
+  background-size: contain;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  box-shadow: none;
+  icon-size: 64px;
+}
+
+.modal-dialog .user-icon {
+  box-shadow: none;
+}
+
+.user-icon:hover {
+  color: #eeffff;
+}
+
+.user-icon StIcon {
+  background-color: rgba(41 45, 62, 0.95);
+  color: #eeffff;
+  border-radius: 9999px;
+  padding: 12px;
+  width: 40px;
+  height: 40px;
+}
+
+.user-icon,
+.user-icon.user-avatar {
+  border: 2px solid #e2e9e9;
+}
+
+.user-widget.vertical .user-icon {
+  icon-size: 96px;
+}
+
+.user-widget.vertical .user-icon StIcon {
+  padding: 20px;
+  padding-top: 18px;
+  padding-bottom: 22px;
+  width: 88px;
+  height: 88px;
+}
+
+.lightbox {
+  background-color: black;
+}
+
+.flashspot {
+  background-color: #eeffff;
+}
+
+.hidden {
+  color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+  text-align: center;
+  padding-bottom: 8px;
+  font-size: 10pt;
+  color: #ffcb6b;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+  max-height: 34em;
+  min-height: 31em;
+  min-width: 32em;
+}
+
+.nm-dialog-content {
+  spacing: 20px;
+  padding: 24px;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-airplane-box {
+  spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+  font-weight: bold;
+  text-align: center;
+}
+
+.nm-dialog-airplane-text {
+  color: #eeffff;
+}
+
+.nm-dialog-header {
+  font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+  icon-size: 32px;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+  border: none;
+  padding: 0;
+  background-color: rgba(238, 255, 255, 0.04);
+  border-radius: 6px;
+}
+
+.nm-dialog-item {
+  font-size: 11pt;
+  border-bottom: none;
+  padding: 12px;
+  spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nm-dialog-item:hover,
+.nm-dialog-item:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.nm-dialog-item:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.nm-dialog-icon {
+  icon-size: 16px;
+}
+
+.nm-dialog-icons {
+  spacing: 12px;
+}
+
+.no-networks-label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.no-networks-box {
+  spacing: 6px;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+  width: 25em;
+  min-height: 65px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(35, 38, 55, 0.95);
+  text-shadow: none;
+  border: solid 1px rgba(238, 255, 255, 0.25);
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+  margin: 20px 20px 10px;
+  border-radius: 12px;
+}
+
+.notification-banner:hover {
+  color: #eeffff;
+  background-color: rgba(35, 38, 55, 0.95);
+  border: solid 1px rgba(238, 255, 255, 0.25);
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+  margin: 20px 20px 10px;
+}
+
+.notification-banner:focus {
+  color: #eeffff;
+  background-color: rgba(35, 38, 55, 0.95);
+}
+
+.notification-banner .notification-actions {
+  background-color: transparent;
+  padding-top: 0;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  spacing: 0;
+}
+
+.notification-banner .notification-button {
+  min-height: 44px;
+  padding: 0 18px;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-width: 0;
+}
+
+.notification-banner .notification-button:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+.notification-banner .notification-button:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+.notification-banner .notification-button:only-child,
+.notification-banner .notification-button:first-child:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+.notification-banner .notification-button:focus {
+  background-color: transparent;
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.12);
+}
+
+.notification-banner .notification-button:hover,
+.notification-banner .notification-button:focus:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+.notification-banner .notification-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #eeffff;
+}
+
+.summary-source-counter {
+  font-size: fontsize(10);
+  font-weight: bold;
+  height: 1.6em;
+  width: 1.6em;
+  -shell-counter-overlap-x: 3px;
+  -shell-counter-overlap-y: 3px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border: 2px solid rgba(238, 255, 255, 0.3);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 0.9em;
+}
+
+.chat-body {
+  spacing: 5px;
+}
+
+.chat-response {
+  margin: 5px;
+}
+
+.chat-log-message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.chat-new-group {
+  padding-top: 1em;
+}
+
+.chat-received {
+  padding-left: 4px;
+}
+
+.chat-received:rtl {
+  padding-left: 0px;
+  padding-right: 4px;
+}
+
+.chat-sent {
+  padding-left: 18pt;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.chat-sent:rtl {
+  padding-left: 0;
+  padding-right: 18pt;
+}
+
+.chat-meta-message {
+  padding-left: 4px;
+  font-size: 9pt;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.chat-meta-message:rtl {
+  padding-left: 0;
+  padding-right: 4px;
+}
+
+/* OSD */
+.screenshot-ui-panel,
+.workspace-switcher-container,
+.resize-popup,
+.osd-window {
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(15, 17, 26, 0.95);
+  border: solid 1px rgba(238, 255, 255, 0.25);
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+  margin: 50px 8px 11px;
+  border-radius: 12px;
+  padding: 10px;
+}
+
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+}
+
+.osd-window .osd-monitor-label {
+  font-size: 3em;
+}
+
+.osd-window .level {
+  height: 3px;
+  border-radius: 2px;
+  background-color: rgba(238, 255, 255, 0.15);
+  color: #eeffff;
+  -barlevel-height: 3px;
+  -barlevel-background-color: rgba(238, 255, 255, 0.15);
+  -barlevel-active-background-color: #eeffff;
+  -barlevel-overdrive-color: #f28b82;
+  -barlevel-overdrive-separator-width: 2px;
+  -barlevel-border-width: 0;
+  -barlevel-border-color: rgba(238, 255, 255, 0.12);
+}
+
+.osd-window .level-bar {
+  background-color: #eeffff;
+  border-radius: 2px;
+}
+
+.pad-osd-window {
+  padding: 32px;
+  background-color: rgba(15, 17, 26, 0.95);
+}
+
+.pad-osd-window .pad-osd-title-box {
+  spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+  spacing: 6px;
+}
+
+.combo-box-label {
+  width: 15em;
+}
+
+#overview StScrollBar StBin#trough {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+#overview StScrollBar StButton#vhandle,
+#overview StScrollBar StButton#hhandle {
+  background-color: rgba(238, 255, 255, 0.5);
+}
+
+#overview StScrollBar StButton#vhandle:hover,
+#overview StScrollBar StButton#hhandle:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+#overview StScrollBar StButton#vhandle:active,
+#overview StScrollBar StButton#hhandle:active {
+  background-color: #eeffff;
+}
+
+#overview {
+  spacing: 24px;
+}
+
+.overview-controls {
+  padding-bottom: 30px;
+}
+
+/* Top Bar */
+#panel {
+  background-color: rgba(15, 17, 26, 0.95);
+  height: 32px;
+  color: #eeffff;
+  font-feature-settings: 'tnum';
+  transition-duration: 250ms;
+  font-size: 10pt;
+  font-weight: bold;
+  margin: 4px 10px 1px;
+  border: 2px solid #84ffff;
+  border-radius: 50px;
+}
+
+#panel .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: rgba(15, 17, 26, 0.95);
+  -panel-corner-border-width: 2px;
+  -panel-corner-border-color: transparent;
+  -panel-corner-opacity: 1;
+  transition-duration: 250ms;
+}
+
+#panel .panel-button {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  font-weight: bold;
+  color: #eeffff;
+  transition-duration: 150ms;
+  border-radius: 9999px;
+  text-shadow: none;
+  border: 4px solid transparent;
+}
+
+#panel .panel-button.clock-display .clock {
+  transition-duration: 150ms;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+}
+
+#panel .panel-button:hover {
+  color: #84ffff;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px #3b3f51;
+}
+
+#panel .panel-button.clock-display:hover {
+  box-shadow: none;
+  color: #84ffff;
+}
+
+#panel .panel-button.clock-display:hover .clock {
+  color: #84ffff;
+  box-shadow: inset 0 0 0 1000px #3b3f51;
+}
+
+#panel .panel-button:active,
+#panel .panel-button:active:hover,
+#panel .panel-button:overview,
+#panel .panel-button:overview:hover,
+#panel .panel-button:focus,
+#panel .panel-button:focus:hover,
+#panel .panel-button:checked,
+#panel .panel-button:checked:hover {
+  background-color: transparent;
+  color: #84ffff;
+  box-shadow: inset 0 0 0 1000px #3b3f51;
+}
+
+#panel .panel-button:active .panel-button,
+#panel .panel-button:overview .panel-button,
+#panel .panel-button:focus .panel-button,
+#panel .panel-button:checked .panel-button {
+  background-color: transparent;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: inset 0 0 0 1000px #3b3f51;
+}
+
+#panel .panel-button:active .panel-button:hover,
+#panel .panel-button:overview .panel-button:hover,
+#panel .panel-button:focus .panel-button:hover,
+#panel .panel-button:checked .panel-button:hover {
+  color: #84ffff;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.12);
+}
+
+#panel .panel-button:active .panel-button:active,
+#panel .panel-button:active .panel-button:overview,
+#panel .panel-button:active .panel-button:focus,
+#panel .panel-button:active .panel-button:checked,
+#panel .panel-button:overview .panel-button:active,
+#panel .panel-button:overview .panel-button:overview,
+#panel .panel-button:overview .panel-button:focus,
+#panel .panel-button:overview .panel-button:checked,
+#panel .panel-button:focus .panel-button:active,
+#panel .panel-button:focus .panel-button:overview,
+#panel .panel-button:focus .panel-button:focus,
+#panel .panel-button:focus .panel-button:checked,
+#panel .panel-button:checked .panel-button:active,
+#panel .panel-button:checked .panel-button:overview,
+#panel .panel-button:checked .panel-button:focus,
+#panel .panel-button:checked .panel-button:checked {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
+}
+
+#panel .panel-button.clock-display:active,
+#panel .panel-button.clock-display:overview,
+#panel .panel-button.clock-display:focus,
+#panel .panel-button.clock-display:checked {
+  box-shadow: none;
+  color: #84ffff;
+}
+
+#panel .panel-button.clock-display:active .clock,
+#panel .panel-button.clock-display:overview .clock,
+#panel .panel-button.clock-display:focus .clock,
+#panel .panel-button.clock-display:checked .clock {
+  box-shadow: inset 0 0 0 1000px #3b3f51;
+  color: #84ffff;
+}
+
+.unlock-screen #panel .panel-button,
+.login-screen #panel .panel-button,
+.lock-screen #panel .panel-button {
+  color: #84ffff;
+}
+
+.unlock-screen #panel .panel-button:focus,
+.unlock-screen #panel .panel-button:hover,
+.unlock-screen #panel .panel-button:active,
+.login-screen #panel .panel-button:focus,
+.login-screen #panel .panel-button:hover,
+.login-screen #panel .panel-button:active,
+.lock-screen #panel .panel-button:focus,
+.lock-screen #panel .panel-button:hover,
+.lock-screen #panel .panel-button:active {
+  color: #84ffff;
+}
+
+#panel .panel-button .system-status-icon {
+  icon-size: 16px;
+  padding: 8px;
+  margin: 0 4px;
+  -st-icon-style: symbolic;
+}
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon,
+#panel .panel-button .panel-status-menu-box .system-status-icon {
+  margin: 0;
+}
+
+#panel .panel-button .app-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+#panel #panelActivities.panel-button {
+  -natural-hpadding: 18px;
+}
+
+#panel:overview,
+#panel.unlock-screen,
+#panel.login-screen,
+#panel.lock-screen {
+  background-color: transparent;
+  box-shadow: none;
+  border: transparent;
+}
+
+#panel:overview StLabel,
+#panel:overview StIcon,
+#panel.unlock-screen StLabel,
+#panel.unlock-screen StIcon,
+#panel.login-screen StLabel,
+#panel.login-screen StIcon,
+#panel.lock-screen StLabel,
+#panel.lock-screen StIcon {
+  color: #84ffff;
+}
+
+#panel:overview .panel-button:hover,
+#panel.unlock-screen .panel-button:hover,
+#panel.login-screen .panel-button:hover,
+#panel.lock-screen .panel-button:hover {
+  color: #84ffff;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.12);
+}
+
+#panel:overview .panel-button.clock-display:hover,
+#panel.unlock-screen .panel-button.clock-display:hover,
+#panel.login-screen .panel-button.clock-display:hover,
+#panel.lock-screen .panel-button.clock-display:hover {
+  box-shadow: none;
+  color: #84ffff;
+}
+
+#panel:overview .panel-button.clock-display:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:hover .clock,
+#panel.login-screen .panel-button.clock-display:hover .clock,
+#panel.lock-screen .panel-button.clock-display:hover .clock {
+  color: #84ffff;
+  box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.12);
+}
+
+#panel:overview .panel-button:active,
+#panel:overview .panel-button:overview,
+#panel:overview .panel-button:focus,
+#panel:overview .panel-button:checked,
+#panel.unlock-screen .panel-button:active,
+#panel.unlock-screen .panel-button:overview,
+#panel.unlock-screen .panel-button:focus,
+#panel.unlock-screen .panel-button:checked,
+#panel.login-screen .panel-button:active,
+#panel.login-screen .panel-button:overview,
+#panel.login-screen .panel-button:focus,
+#panel.login-screen .panel-button:checked,
+#panel.lock-screen .panel-button:active,
+#panel.lock-screen .panel-button:overview,
+#panel.lock-screen .panel-button:focus,
+#panel.lock-screen .panel-button:checked {
+  color: #84ffff;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.2);
+}
+
+#panel:overview .panel-button.clock-display:active,
+#panel:overview .panel-button.clock-display:overview,
+#panel:overview .panel-button.clock-display:focus,
+#panel:overview .panel-button.clock-display:checked,
+#panel.unlock-screen .panel-button.clock-display:active,
+#panel.unlock-screen .panel-button.clock-display:overview,
+#panel.unlock-screen .panel-button.clock-display:focus,
+#panel.unlock-screen .panel-button.clock-display:checked,
+#panel.login-screen .panel-button.clock-display:active,
+#panel.login-screen .panel-button.clock-display:overview,
+#panel.login-screen .panel-button.clock-display:focus,
+#panel.login-screen .panel-button.clock-display:checked,
+#panel.lock-screen .panel-button.clock-display:active,
+#panel.lock-screen .panel-button.clock-display:overview,
+#panel.lock-screen .panel-button.clock-display:focus,
+#panel.lock-screen .panel-button.clock-display:checked {
+  box-shadow: none;
+  color: #84ffff;
+}
+
+#panel:overview .panel-button.clock-display:active .clock,
+#panel:overview .panel-button.clock-display:overview .clock,
+#panel:overview .panel-button.clock-display:focus .clock,
+#panel:overview .panel-button.clock-display:checked .clock,
+#panel.unlock-screen .panel-button.clock-display:active .clock,
+#panel.unlock-screen .panel-button.clock-display:overview .clock,
+#panel.unlock-screen .panel-button.clock-display:focus .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:overview .clock,
+#panel.login-screen .panel-button.clock-display:focus .clock,
+#panel.login-screen .panel-button.clock-display:checked .clock,
+#panel.lock-screen .panel-button.clock-display:active .clock,
+#panel.lock-screen .panel-button.clock-display:overview .clock,
+#panel.lock-screen .panel-button.clock-display:focus .clock,
+#panel.lock-screen .panel-button.clock-display:checked .clock {
+  box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.2);
+  color: #84ffff;
+}
+
+#panel:overview .panel-corner,
+#panel.unlock-screen .panel-corner,
+#panel.login-screen .panel-corner,
+#panel.lock-screen .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: transparent;
+  -panel-corner-border-color: transparent;
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+  spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+  spacing: 0;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+  color: #ffcb6b;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer {
+  -arrow-border-radius: 2px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 12px;
+  -arrow-rise: 0;
+  -arrow-box-shadow: none;
+  background: transparent;
+}
+
+.popup-menu {
+  min-width: 12em;
+  color: #eeffff;
+  padding: 0 !important;
+  margin: 0 3px;
+  font-weight: 500;
+  font-size: 10pt;
+  border-radius: 12px;
+}
+
+.popup-menu .popup-menu-content {
+  padding: 6px;
+  background-color: rgba(35, 38, 55, 0.95);
+  border-radius: 12px;
+  margin: 4px;
+  font-weight: 500;
+  border: 2px solid #84ffff;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15);
+}
+
+.popup-menu .popup-menu-item {
+  spacing: 9px;
+  padding: 6px;
+  color: #eeffff !important;
+  text-shadow: none;
+  border-radius: 6px;
+  margin: 0 6px;
+  font-weight: 500;
+}
+
+.popup-menu .popup-menu-item:checked {
+  font-weight: 500;
+  border: none;
+  box-shadow: none;
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #eeffff !important;
+  border-radius: 6px 6px 0 0;
+}
+
+.popup-menu .popup-menu-item:checked:focus,
+.popup-menu .popup-menu-item:checked:hover,
+.popup-menu .popup-menu-item.selected:checked {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #a6accd !important;
+}
+
+.popup-menu .popup-menu-item:checked:active {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #b0bec5 !important;
+}
+
+.popup-menu .popup-menu-item:checked:insensitive {
+  color: rgba(0, 0, 0, 0.38) !important;
+}
+
+.popup-menu .popup-menu-item:focus,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item.selected {
+  color: #eeffff !important;
+  background-color: rgba(238, 255, 255, 0.12) !important;
+  transition-duration: 0;
+}
+
+.popup-menu .popup-menu-item:active,
+.popup-menu .popup-menu-item.selected:active {
+  color: #eeffff !important;
+  background-color: rgba(238, 255, 255, 0.3) !important;
+}
+
+.popup-menu .popup-menu-item:insensitive {
+  color: rgba(238, 255, 255, 0.3) !important;
+}
+
+.popup-menu .popup-sub-menu {
+  border: none;
+  box-shadow: none;
+  margin: 0 6px;
+  border-radius: 0 0 6px 6px;
+  background-color: #eeffff !important;
+  color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item {
+  border-radius: 0;
+  margin: 0;
+  color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:focus,
+.popup-menu .popup-sub-menu .popup-menu-item.hover,
+.popup-menu .popup-sub-menu .popup-menu-item.selected {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item.selected:active {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:insensitive {
+  color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu
+  .popup-sub-menu
+  .popup-menu-section:last-child
+  .popup-menu-item:last-child {
+  border-radius: 0 0 6px 6px;
+}
+
+.popup-menu .popup-inactive-menu-item {
+  color: #84ffff !important;
+}
+
+.popup-menu .popup-inactive-menu-item:insensitive {
+  color: rgba(238, 255, 255, 0.3) !important;
+}
+
+.popup-menu.panel-menu {
+  -boxpointer-gap: 4px;
+  margin-bottom: 1.75em;
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+  icon-size: 16px !important;
+}
+
+.popup-menu-ornament {
+  width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+  text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+  text-align: left;
+}
+
+.background-menu {
+  -boxpointer-gap: 4px;
+  -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+  min-width: 21em;
+}
+
+.aggregate-menu .popup-menu-icon {
+  padding: 0;
+  margin: 0 3px;
+  -st-icon-style: symbolic;
+}
+
+.quick-settings {
+  padding: 12px !important;
+  border-radius: 12px !important;
+}
+
+.quick-settings .icon-button,
+.quick-settings .button {
+  padding: 10.5px;
+}
+
+.quick-settings .icon-button > StIcon,
+.quick-settings .button > StIcon {
+  icon-size: 16px !important;
+}
+
+.quick-settings-grid {
+  spacing-rows: 12px;
+  spacing-columns: 12px;
+}
+
+.quick-toggle {
+  border-radius: 8px;
+  min-width: 12em;
+  max-width: 12em;
+  min-height: 40px;
+  border: none;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  background-color: rgba(238, 255, 255, 0.08) !important;
+}
+
+.quick-toggle:hover {
+  background-color: rgba(238, 255, 255, 0.12) !important;
+}
+
+.quick-toggle:active {
+  background-color: rgba(238, 255, 255, 0.15) !important;
+}
+
+.quick-toggle:checked {
+  background-color: #71c6e7 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:hover {
+  background-color: #89ddff !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:active {
+  background-color: #80cbc4 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle > StBoxLayout {
+  spacing: 6px;
+  padding: 0 12px;
+}
+
+.quick-toggle.button {
+  padding: 0;
+}
+
+.quick-toggle:ltr > StBoxLayout {
+  padding-left: 15px;
+}
+
+.quick-toggle:rtl > StBoxLayout {
+  padding-right: 15px;
+}
+
+.quick-toggle .quick-toggle-label {
+  font-weight: bold;
+}
+
+.quick-toggle .quick-toggle-icon,
+.quick-toggle .quick-toggle-arrow {
+  icon-size: 16px !important;
+}
+
+.quick-menu-toggle:ltr > StBoxLayout {
+  padding-right: 0;
+}
+
+.quick-menu-toggle:rtl > StBoxLayout {
+  padding-left: 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow {
+  background-color: rgba(238, 255, 255, 0.08) !important;
+  padding: 6px 10.5px;
+  icon-size: 16px !important;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:active {
+  background-color: rgba(238, 255, 255, 0.12) !important;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:ltr {
+  border-radius: 0 6px 6px 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:rtl {
+  border-radius: 6px 0 0 6px;
+}
+
+.quick-slider {
+  padding: 0 6px;
+}
+
+.quick-slider > StBoxLayout {
+  spacing: 6px;
+}
+
+.quick-slider .slider-bin {
+  min-height: 16px;
+  padding: 6px;
+  border-radius: 9999px;
+}
+
+.quick-slider .slider-bin:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.quick-slider .quick-toggle-icon,
+.quick-slider .quick-toggle-arrow {
+  icon-size: 16px !important;
+}
+
+.quick-slider .icon-button {
+  background-color: transparent;
+  color: #84ffff !important;
+}
+
+.quick-slider .icon-button:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.quick-slider .icon-button:active {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.quick-toggle-menu {
+  background-color: #3b3f51 !important;
+  color: #eeffff !important;
+  border-radius: 12px !important;
+  padding: 12px;
+  margin: 12px 30px 0;
+  box-shadow: inset 0 0 0 1px rgba(239, 240, 242, 0.2);
+}
+
+.quick-toggle-menu .popup-menu-item {
+  min-height: 20px;
+  padding: 6px;
+  spacing: 6px;
+  border-radius: 6px !important;
+  color: #eeffff !important;
+}
+
+.quick-toggle-menu .popup-menu-item:focus,
+.quick-toggle-menu .popup-menu-item.hover,
+.quick-toggle-menu .popup-menu-item.selected {
+  color: #eeffff !important;
+  background-color: rgba(238, 255, 255, 0.1) !important;
+}
+
+.quick-toggle-menu .popup-menu-item:active,
+.quick-toggle-menu .popup-menu-item.selected:active {
+  color: #eeffff !important;
+  background-color: rgba(238, 255, 255, 0.2) !important;
+}
+
+.quick-toggle-menu .popup-menu-item > StIcon {
+  -st-icon-style: symbolic;
+}
+
+.quick-toggle-menu .header {
+  spacing-rows: 3px;
+  spacing-columns: 12px;
+  padding-bottom: 12px;
+}
+
+.quick-toggle-menu .header .icon {
+  icon-size: 24px;
+  border-radius: 6px;
+  padding: 9px;
+  background-color: #84ffff !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle-menu .header .icon.active {
+  background-color: #84ffff !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-settings-system-item > StBoxLayout {
+  spacing: 12px;
+}
+
+.quick-settings-system-item .icon-button {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #84ffff;
+  border-radius: 6px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+}
+
+.quick-settings-system-item .icon-button:hover {
+  background-color: rgba(234, 232, 255, 0.12);
+  color: #b4f9f8;
+  border-radius: 6px;
+  border: 1px solid rgba(234, 232, 255, 0.2);
+}
+
+.quick-settings-system-item .icon-button > StIcon {
+  -st-icon-style: symbolic;
+  icon-size: 16px !important;
+}
+
+.quick-settings-system-item .power-item {
+  min-height: 0;
+  min-width: 0;
+  color: #84ffff;
+}
+
+.quick-settings-system-item .power-item:hover {
+  min-height: 0;
+  min-width: 0;
+  color: #b4f9f8;
+}
+
+.quick-settings-system-item .power-item:insensitive {
+  color: #84ffff;
+  background-color: rgba(41 45, 62, 0.95);
+  box-shadow: none !important;
+  background-color: transparent;
+}
+
+.nm-network-item .wireless-secure-icon {
+  icon-size: 8px;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+  color: #eeffff;
+  font-weight: 300;
+  text-align: center;
+  spacing: 24px;
+  padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+  font-size: 64pt;
+  padding-top: 42px;
+  font-feature-settings: 'tnum';
+}
+
+.unlock-dialog-clock-date {
+  font-size: 16pt;
+  font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+  font-weight: normal;
+  padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+  margin: 12px 0;
+  spacing: 6px;
+  width: 23em;
+  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 6px;
+  border: none;
+  background-color: rgba(15, 17, 26, 0.95);
+  color: #eeffff;
+  border-radius: 12px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container
+  .unlock-dialog-notification-source.critical {
+  background-color: #3b3f51;
+}
+
+.unlock-dialog-notification-label {
+  padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+  weight: bold;
+  padding: 0 6px;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  border-radius: 9999px;
+  margin-right: 12px;
+}
+
+.screen-shield-background {
+  background: black;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
+}
+
+#unlockDialogNotifications StButton#vhandle,
+#unlockDialogNotifications StButton#hhandle {
+  background-color: rgba(35, 38, 55, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover,
+#unlockDialogNotifications StButton#vhandle:focus,
+#unlockDialogNotifications StButton#hhandle:hover,
+#unlockDialogNotifications StButton#hhandle:focus {
+  background-color: rgba(35, 38, 55, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active,
+#unlockDialogNotifications StButton#hhandle:active {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+  -st-vfade-offset: 32px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 32px;
+}
+
+StScrollBar {
+  padding: 6px;
+}
+
+StScrollView StScrollBar {
+  min-width: 8px;
+  min-height: 8px;
+}
+
+StScrollBar StBin#trough {
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.5);
+  border: 4px solid transparent;
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+  background-color: #eeffff;
+}
+
+.popup-sub-menu StScrollBar StBin#trough {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle,
+.popup-sub-menu StScrollBar StButton#hhandle {
+  background-color: rgba(0, 0, 0, 0.26);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:hover,
+.popup-sub-menu StScrollBar StButton#hhandle:hover {
+  background-color: rgba(0, 0, 0, 0.38);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:active,
+.popup-sub-menu StScrollBar StButton#hhandle:active {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.search-entry {
+  width: 320px;
+  min-height: 20px;
+  padding: 6px 12px;
+  transition-duration: 150ms;
+  border-radius: 6px;
+}
+
+.search-entry .search-entry-icon {
+  color: rgba(238, 255, 255, 0.5);
+  icon-size: 16px;
+  margin-top: 0;
+  padding: 0 4px;
+}
+
+.search-entry StLabel.hint-text {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.search-entry:hover .search-entry-icon,
+.search-entry:focus .search-entry-icon {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.search-entry:insensitive StLabel.hint-text,
+.search-entry:insensitive .search-entry-icon {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry,
+.login-dialog StEntry,
+.unlock-dialog StEntry,
+#overview .search-entry {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid transparent;
+  box-shadow: none;
+  caret-color: #eeffff;
+  selection-background-color: rgba(238, 255, 255, 0.25);
+  selected-color: #eeffff;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:hover,
+.login-dialog StEntry:hover,
+.unlock-dialog StEntry:hover,
+#overview .search-entry:hover {
+  color: #eeffff;
+  border-color: rgba(238, 255, 255, 0.35);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:focus,
+.login-dialog StEntry:focus,
+.unlock-dialog StEntry:focus,
+#overview .search-entry:focus {
+  color: #eeffff;
+  border-color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  box-shadow: none;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon,
+.login-dialog StEntry .search-entry-icon,
+.unlock-dialog StEntry .search-entry-icon,
+#overview .search-entry .search-entry-icon {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text,
+.login-dialog StEntry StLabel.hint-text,
+.unlock-dialog StEntry StLabel.hint-text,
+#overview .search-entry StLabel.hint-text {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:hover
+  .search-entry-icon,
+.login-dialog StEntry:hover .search-entry-icon,
+.unlock-dialog StEntry:hover .search-entry-icon,
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:focus
+  .search-entry-icon,
+.login-dialog StEntry:focus .search-entry-icon,
+.unlock-dialog StEntry:focus .search-entry-icon,
+#overview .search-entry:hover .search-entry-icon,
+#overview .search-entry:focus .search-entry-icon {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:insensitive,
+.login-dialog StEntry:insensitive,
+.unlock-dialog StEntry:insensitive,
+#overview .search-entry:insensitive {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.35);
+  border-color: transparent;
+}
+
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:insensitive
+  StLabel.hint-text,
+.login-dialog StEntry:insensitive StLabel.hint-text,
+.unlock-dialog StEntry:insensitive StLabel.hint-text,
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:insensitive
+  .search-entry-icon,
+.login-dialog StEntry:insensitive .search-entry-icon,
+.unlock-dialog StEntry:insensitive .search-entry-icon,
+#overview .search-entry:insensitive StLabel.hint-text,
+#overview .search-entry:insensitive .search-entry-icon {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/* Search */
+.list-search-result,
+.search-provider-icon {
+  border-radius: 6px;
+  padding: 6px;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.list-search-result:focus,
+.search-provider-icon:focus,
+.list-search-result:hover,
+.search-provider-icon:hover,
+.list-search-result:selected,
+.search-provider-icon:selected {
+  background-color: rgba(238, 255, 255, 0.12);
+  transition-duration: 200ms;
+}
+
+.list-search-result:active,
+.search-provider-icon:active,
+.list-search-result:checked,
+.search-provider-icon:checked {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+#searchResultsContent {
+  max-width: 1024px;
+  spacing: 8px;
+}
+
+.search-section {
+  spacing: 8px;
+  background: none;
+}
+
+.search-section .search-section-separator {
+  height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.search-section-content {
+  spacing: 8px;
+  border-radius: 0;
+  padding: 18px;
+  border: none;
+  box-shadow: none;
+  background: none;
+  text-shadow: none;
+  color: #eeffff;
+}
+
+.search-statustext {
+  font-size: 2em;
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.grid-search-results {
+  spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+  spacing: 12px;
+}
+
+.search-provider-icon
+  .list-search-provider-content
+  .list-search-provider-details {
+  width: 120px;
+  margin-top: 0;
+  color: #f07178;
+}
+
+.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: #ff9e64;
+}
+
+/* Slider */
+.slider {
+  height: 20px;
+  color: rgba(35, 38, 55, 0.95);
+  -slider-height: 2px;
+  -slider-background-color: rgba(238, 255, 255, 0.3);
+  -slider-border-color: #84ffff;
+  -slider-active-background-color: #84ffff;
+  -slider-active-border-color: #84ffff;
+  -slider-border-width: 2px;
+  -slider-handle-radius: 7px;
+  -slider-handle-border-width: 2px;
+  -slider-handle-border-color: #ff9e64;
+  -barlevel-height: 2px;
+  -barlevel-background-color: rgba(238, 255, 255, 0.3);
+  -barlevel-border-color: transparent;
+  -barlevel-active-background-color: #84ffff;
+  -barlevel-active-border-color: transparent;
+  -barlevel-overdrive-color: #f07178;
+  -barlevel-overdrive-border-color: transparent;
+  -barlevel-overdrive-separator-width: 2px;
+  -barlevel-border-width: 0;
+}
+
+/* App Switcher */
+.switcher-popup {
+  padding: 8px;
+  spacing: 24px;
+}
+
+.switcher-list {
+  background-color: rgba(35, 38, 55, 0.95);
+  box-shadow: inset 0 0 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 15px;
+  border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+  background-color: #3b3f51;
+  color: #84ffff;
+  border-radius: 15px;
+}
+
+.switcher-list .item-box:selected {
+  background-color: #3b3f51;
+  color: #84ffff;
+  border-radius: 15px;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(238, 255, 255, 0.12);
+}
+
+.switcher-list .switcher-list-item-container {
+  spacing: 12px;
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: #84ffff;
+}
+
+.switcher-arrow:highlighted {
+  color: #84ffff;
+}
+
+.input-source-switcher-symbol {
+  font-size: 34pt;
+  width: 96px;
+  height: 96px;
+}
+
+.cycler-highlight {
+  border: 5px solid #e2e9e9;
+}
+
+/* Switches */
+.toggle-switch {
+  width: 40px;
+  height: 20px;
+  background-size: contain;
+  background-image: url('assets/toggle-off-dark.svg');
+}
+
+.toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.popup-sub-menu .toggle-switch {
+  background-image: url('assets/toggle-off.svg');
+}
+
+.popup-sub-menu .toggle-switch:checked {
+  background-image: url('assets/toggle-on.svg');
+}
+
+/* Tiled window previews */
+.tile-preview {
+  background-color: rgba(226, 233, 233, 0.3);
+  border: 1px solid #e2e9e9;
+  border-radius: 12px;
+}
+
+.tile-preview-left.on-primary {
+  border-radius: 12px;
+}
+
+.tile-preview-right.on-primary {
+  border-radius: 12px;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+  border-radius: 12px;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+  padding: 12px;
+}
+
+.workspace-switcher {
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  padding: 0;
+  spacing: 12px;
+}
+
+.ws-switcher-box {
+  background: transparent;
+  height: 50px;
+  background-size: 32px;
+  background: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+  height: 52px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 9px;
+  border: none;
+}
+
+.icon-grid {
+  row-spacing: 12px;
+  column-spacing: 12px;
+  max-row-spacing: 72px;
+  max-column-spacing: 72px;
+  page-padding-top: 24px;
+  page-padding-bottom: 24px;
+  page-padding-left: 12px;
+  page-padding-right: 12px;
+}
+
+.page-indicator {
+  padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+  width: 10px;
+  height: 10px;
+  border-radius: 10px;
+  background-color: #eeffff;
+}
+
+.apps-scroll-view {
+  padding: 0;
+}
+
+.page-navigation-hint {
+  width: 300px;
+}
+
+.page-navigation-hint.dnd {
+  background: rgba(238, 255, 255, 0.1);
+}
+
+.page-navigation-hint.next:ltr,
+.page-navigation-hint.previous:rtl {
+  background-gradient-start: rgba(238, 255, 255, 0.05);
+  background-gradient-end: transparent;
+  background-gradient-direction: horizontal;
+  border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr,
+.page-navigation-hint.next:rtl {
+  background-gradient-start: transparent;
+  background-gradient-end: rgba(238, 255, 255, 0.05);
+  background-gradient-direction: horizontal;
+  border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow > StIcon {
+  margin: 6px;
+  padding: 18px;
+  width: 24px;
+  height: 24px;
+  border-radius: 9999px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.page-navigation-arrow:insensitive > StIcon {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.page-navigation-arrow:hover > StIcon {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.page-navigation-arrow:active > StIcon {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #eeffff;
+}
+
+#dash {
+  margin-top: 12px;
+  padding: 0 10px;
+}
+
+#dash .placeholder {
+  background-image: none;
+  background-size: contain;
+  height: 32px;
+}
+
+#dash .overview-icon {
+  padding: 5px;
+}
+
+.dash-background {
+  background-color: rgba(238, 255, 255, 0.3);
+  border: 2px solid #84ffff;
+  margin-bottom: 16px;
+  padding: 10px;
+  border-radius: 16px;
+}
+
+.dash-item-container .app-well-app,
+.show-apps {
+  padding: 10px 2px 26px;
+}
+
+.dash-separator {
+  width: 1px;
+  margin: 0 7px 16px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.workspace-animation {
+  background-color: rgba(15, 17, 26, 0.95);
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 2px;
+}
+
+.controls-manager,
+.secondary-monitor-workspaces {
+  spacing: 12px;
+}
+
+#overviewGroup {
+  background-color: #090b10;
+}
+
+.osd-window {
+  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;
+}
+
+#appMenu {
+  spacing: 6px;
+}
+
+#appMenu .label-shadow {
+  color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+  padding: 0 6px;
+  spacing: 6px;
+}
+
+.popup-menu .popup-menu-item {
+  padding: 6px 12px;
+}
+
+.popup-menu .popup-menu-item:ltr {
+  padding-right: 9px !important;
+  padding-left: 0 !important;
+}
+
+.popup-menu .popup-menu-item:rtl {
+  padding-right: 0 !important;
+  padding-left: 9px !important;
+}
+
+.popup-separator-menu-item {
+  padding: 0;
+  margin: 6px 0;
+}
+
+.popup-separator-menu-item:ltr {
+  margin-right: 4px;
+}
+
+.popup-separator-menu-item:rtl {
+  margin-left: 4px;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+  height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.popup-separator-menu-item .popup-menu-ornament {
+  width: 0 !important;
+}
+
+.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(0, 0, 0, 0.12);
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 12px !important;
+  margin-left: 3px !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 12px !important;
+  margin-right: 3px !important;
+}
+
+.search-entry {
+  margin-top: 24px;
+  margin-bottom: 6px;
+}
+
+.icon-label-button-container {
+  spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+  icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+  border-radius: 33px;
+  padding: 18px;
+  padding-bottom: 12px;
+  margin-bottom: 4em;
+  spacing: 12px;
+  border: 2px solid #e2e9e9;
+}
+
+.screenshot-ui-close-button {
+  padding: 6px !important;
+  margin-top: 12px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
+}
+
+.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 !important;
+  border-radius: 15px;
+}
+
+.screenshot-ui-capture-button {
+  width: 36px;
+  height: 36px;
+  border-radius: 9999px;
+  border: 4px #eeffff;
+  padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+  background-color: #eeffff;
+  transition-duration: 200ms;
+  border-radius: 9999px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover,
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+  background-color: #d9d9d9;
+}
+
+.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: #f28b82;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+  background-color: #f4a099;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+  background-color: #ef6d62;
+}
+
+.screenshot-ui-shot-cast-container {
+  background-color: #292d3e;
+  border-radius: 12px;
+  padding: 3px;
+  spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-container:ltr {
+  margin-left: 3px;
+}
+
+.screenshot-ui-shot-cast-container:rtl {
+  margin-right: 3px;
+}
+
+.screenshot-ui-shot-cast-button {
+  padding: 6px 12px;
+  background-color: transparent;
+  border-radius: 9px;
+}
+
+.screenshot-ui-shot-cast-button:hover,
+.screenshot-ui-shot-cast-button:focus {
+  background-color: #3b3f51;
+}
+
+.screenshot-ui-shot-cast-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+  background-color: #eeffff;
+  color: black;
+}
+
+.screenshot-ui-shot-cast-button:insensitive {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+  border-radius: 9999px;
+  padding: 12px !important;
+}
+
+.screenshot-ui-show-pointer-button StIcon {
+  icon-size: 16px;
+}
+
+.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 #eeffff;
+}
+
+.screenshot-ui-area-selector-handle {
+  border-radius: 9999px;
+  background-color: #eeffff;
+  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+  width: 24px;
+  height: 24px;
+}
+
+.screenshot-ui-window-selector {
+  background-color: #232637;
+}
+
+.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: 12px;
+  border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+  transition-duration: 200ms;
+  color: transparent;
+  border-radius: 99px;
+  border-width: 12px;
+  icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover
+  .screenshot-ui-window-selector-window-border {
+  border-color: #8da3ca;
+}
+
+.screenshot-ui-window-selector-window:checked
+  .screenshot-ui-window-selector-window-border {
+  border-color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked
+  .screenshot-ui-window-selector-check {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.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 #eeffff;
+}
+
+.screenshot-ui-tooltip {
+  color: #eeffff;
+  background-color: rgba(15, 17, 26, 0.95);
+  border-radius: 9999px;
+  padding: 6px 12px;
+  text-align: center;
+  -y-offset: 24px;
+}
+
+.window-picker {
+  spacing: 6px;
+}
+
+.window-caption {
+  color: #eeffff;
+  background-color: rgba(15, 17, 26, 0.95);
+  border-radius: 9999px;
+  padding: 6px 12px;
+}
+
+.window-close,
+.screenshot-ui-close-button {
+  background-color: #3b3f51;
+  color: #eeffff;
+  border-radius: 21px;
+  padding: 3px;
+  height: 30px;
+  width: 30px;
+  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
+  transition-duration: 200ms;
+}
+
+.window-close:hover,
+.screenshot-ui-close-button:hover {
+  color: #eeffff;
+  background-color: #e2795b;
+}
+
+.window-close:active,
+.screenshot-ui-close-button:active {
+  color: #eeffff;
+  background-color: #dc6068;
+}
+
+.window-close StIcon,
+.screenshot-ui-close-button StIcon {
+  icon-size: 24px;
+}
+
+.workspace-background {
+  border-radius: 30px;
+  background-color: rgba(15, 17, 26, 0.95);
+  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+  visible-width: 32px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.12);
+  border: none;
+  border-radius: 6px;
+}
+
+.workspace-thumbnails .placeholder {
+  background-image: url('assets/dash-placeholder.svg');
+  background-size: contain;
+  width: 18px;
+  height: 24px;
+}
+
+.workspace-thumbnail-indicator {
+  border: 3px solid #e2e9e9;
+  border-radius: 6px;
+  padding: 0;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+  -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+  -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+  background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+  color: #eeffff;
+  background-color: rgba(0, 0, 0, 0.75);
+  text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+  border-radius: 9999px;
+  margin: 2px;
+  padding: 0.2em 0.6em;
+  font-weight: bold;
+  text-align: center;
+}
+
+#dashtodockContainer.straight-corner #dash,
+#dashtodockContainer.shrink.straight-corner #dash {
+  border-radius: 0;
+  margin: 0;
+}
+
+#dashtodockContainer.straight-corner #dash .dash-background,
+#dashtodockContainer.shrink.straight-corner #dash .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.extended.top #dash,
+#dashtodockContainer.extended.bottom #dash,
+#dashtodockContainer.extended.right #dash,
+#dashtodockContainer.extended.left #dash {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+  padding: 0 0;
+}
+
+#dashtodockContainer.extended.top #dash .dash-background,
+#dashtodockContainer.extended.bottom #dash .dash-background,
+#dashtodockContainer.extended.right #dash .dash-background,
+#dashtodockContainer.extended.left #dash .dash-background {
+  border-radius: 0;
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+#dashtodockContainer.left #dash,
+#dashtodockContainer.right #dash {
+  margin-top: 0;
+  padding: 10px 0;
+}
+
+#dashtodockContainer.left #dash .dash-background,
+#dashtodockContainer.right #dash .dash-background {
+  margin-bottom: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app,
+#dashtodockContainer.left .show-apps,
+#dashtodockContainer.right .dash-item-container .app-well-app,
+#dashtodockContainer.right .show-apps {
+  padding: 6px;
+}
+
+#dashtodockContainer.left #dash {
+  margin-left: 6px;
+}
+
+#dashtodockContainer.right #dash {
+  margin-right: 6px;
+}
+
+#dashtodockContainer.dashtodock #dash .dash-background {
+  background-color: rgba(15, 17, 26, 0.95);
+}
+
+#dashtodockContainer #dash .dash-background {
+  background-color: rgba(15, 17, 26, 0.95);
+  border: 2px solid #84ffff;
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+  background-color: #f07178;
+}
+
+#dashtodockContainer StWidget.focused .app-well-app-running-dot {
+  background-color: #84ffff !important;
+}
+
+#dashtodockContainer:overview #dash .app-well-app-running-dot {
+  background-color: #f07178;
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #84ffff !important;
+}
+
+#dashtodockContainer .show-apps .overview-icon,
+#dashtodockContainer .app-well-app .overview-icon {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 15px;
+}
+
+#dashtodockContainer .show-apps:hover .overview-icon,
+#dashtodockContainer .show-apps:focus .overview-icon,
+#dashtodockContainer .show-apps:selected .overview-icon,
+#dashtodockContainer .app-well-app:hover .overview-icon,
+#dashtodockContainer .app-well-app:focus .overview-icon,
+#dashtodockContainer .app-well-app:selected .overview-icon {
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 15px;
+}
+
+#dashtodockContainer .show-apps:active .overview-icon,
+#dashtodockContainer .show-apps:checked .overview-icon,
+#dashtodockContainer .app-well-app:active .overview-icon,
+#dashtodockContainer .app-well-app:checked .overview-icon {
+  background-color: rgba(238, 255, 255, 0.3);
+  border-radius: 15px;
+}
+
+#dashtodockContainer:overview #dash .show-apps .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app .overview-icon {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 15px;
+}
+
+#dashtodockContainer:overview #dash .show-apps:hover .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:focus .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:selected .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:hover .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:focus .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:selected .overview-icon {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+#dashtodockContainer:overview #dash .show-apps:active .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:checked .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:active .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:checked .overview-icon {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+#dashtodockContainer.opaque #dash .dash-background {
+  background-color: rgba(15, 17, 26, 0.95);
+}
+
+#dashtodockContainer.transparent #dash .dash-background {
+  background-color: rgba(33, 33, 33, 0.35);
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+  background-color: rgba(35, 38, 55, 0.95);
+  border: 2px solid #84ffff;
+}
+
+#dashtodockContainer.opaque:overview #dash .dash-background,
+#dashtodockContainer.transparent:overview #dash .dash-background {
+  background-color: transparent !important;
+  box-shadow: none !important;
+}
+
+#dashtodockContainer.extended:overview #dash .dash-background,
+#dashtodockContainer.opaque.extended:overview #dash .dash-background,
+#dashtodockContainer.transparent.extended:overview #dash .dash-background {
+  background-color: rgba(15, 17, 26, 0.95);
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton,
+#dashtodockContainer.dashtodock .dash-item-container > StButton {
+  transition-duration: 250ms;
+  background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton,
+#dashtodockContainer.dashtodock .dash-item-container > StButton {
+  padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon,
+#dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+  border-radius: 6px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+  border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+  padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+  width: 1px;
+  height: auto;
+  border-right-width: 1px;
+  margin: 32px 0;
+}
+
+.openweather-button,
+.openweather-button-action,
+.openweather-menu-button-container,
+.openweather-button-box {
+  border: 1px solid transparent;
+}
+
+.openweather-provider {
+  padding: 0 16px;
+  font-weight: 500;
+  border: 1px solid transparent;
+}
+
+.openweather-current-icon,
+.openweather-current-summary,
+.openweather-current-summarybox {
+  background: none;
+  color: #eeffff;
+}
+
+.openweather-current-databox-values {
+  background: none;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.openweather-current-databox-captions {
+  background: none;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.openweather-forecast-icon,
+.openweather-forecast-summary {
+  background: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.openweather-forecast-day,
+.openweather-forecast-temperature {
+  background: none;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.openweather-sunrise-icon,
+.openweather-sunset-icon,
+.openweather-build-icon {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.popup-sub-menu .openweather-current-icon,
+.popup-sub-menu .openweather-current-summary,
+.popup-sub-menu .openweather-current-summarybox {
+  background: none;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-current-databox-values {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-current-databox-captions {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-forecast-icon,
+.popup-sub-menu .openweather-forecast-summary {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-forecast-day,
+.popup-sub-menu .openweather-forecast-temperature {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-sunrise-icon,
+.popup-sub-menu .openweather-sunset-icon,
+.popup-sub-menu .openweather-build-icon {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/config/DeepOcean-B/gtk-2.0/gtkrc b/Material/files/Material/config/DeepOcean-B/gtk-2.0/gtkrc
new file mode 100644
index 000000000..967e440fc
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/gtk-2.0/gtkrc
@@ -0,0 +1,894 @@
+# Oomox GTK Theme (Numix Fork)
+
+gtk-color-scheme =
+"base_color:#0F111A\nbg_color:#0F111A\ntooltip_bg_color:#0F111A\nselected_bg_color:#717CB4\ntext_color:#EEFFFF\nfg_color:#EEFFFF\ntooltip_fg_color:#EEFFFF\nselected_fg_color:#EEFFFF\nmenubar_bg_color:#0F111A\nmenubar_fg_color:#EEFFFF\ntoolbar_bg_color:#0F111A\ntoolbar_fg_color:#EEFFFF\nmenu_bg_color:#0F111A\nmenu_fg_color:#EEFFFF\npanel_bg_color:#0F111A\npanel_fg_color:#EEFFFF\nlink_color:#077fdb\nbtn_bg_color:#232637\nbtn_fg_color:#fafafa\ntitlebar_bg_color:#0F111A\ntitlebar_fg_color:#EEFFFF\nprimary_caret_color:#EEFFFF\nsecondary_caret_color:#EEFFFF\naccent_bg_color:#84FFFF\n"
+# Default Style
+
+style "murrine-default" {
+	GtkArrow::arrow-scaling= 0.6
+
+	GtkWidget::cursor_color = @primary_caret_color
+	GtkWidget::secondary_cursor_color = @secondary_caret_color
+	GtkWidget::cursor_aspect_ratio = 0.04
+
+	GtkButton::child-displacement-x = 0
+	GtkButton::child-displacement-y = 0
+
+	GtkButton::default-border = { 0, 0, 0, 0 }
+    #GtkButton::inner-border        = { 2, 2, 1, 1 }
+    GtkButton::focus-line-width    = 1
+    #GtkButton::focus-padding       = -4
+
+	GtkButtonBox::child-min-height = 26
+
+	GtkCheckButton::indicator-size = 16
+
+	# The following line hints to gecko (and possibly other appliations)
+	# that the entry should be drawn transparently on the canvas.
+	# Without this, gecko will fill in the background of the entry.
+	GtkEntry::honors-transparent-bg-hint = 1
+	GtkEntry::state-hint = 0
+
+	GtkExpander::expander-size = 16
+
+	GtkImage::x-ayatana-indicator-dynamic = 1
+
+	GtkMenu::horizontal-padding = 0
+	GtkMenu::vertical-padding = 0
+
+	GtkMenuBar::internal-padding = 0
+	GtkMenuBar::window-dragging = 1
+
+	GtkMenuItem::arrow-scaling= 0.5
+
+	GtkPaned::handle-size = 1
+
+	GtkProgressBar::min-horizontal-bar-height = 12
+	GtkProgressBar::min-vertical-bar-width = 12
+
+	GtkRange::trough-border = 0
+	GtkRange::slider-width = 12
+	GtkRange::stepper-size = 12
+	GtkRange::stepper_spacing = 0
+	GtkRange::trough-under-steppers = 1
+
+	GtkScale::slider-length = 16
+	GtkScale::slider-width = 16
+	GtkScale::trough-side-details = 1
+
+	GtkScrollbar::activate-slider = 1
+	GtkScrollbar::has-backward-stepper = 0
+	GtkScrollbar::has-forward-stepper = 0
+	GtkScrollbar::has-secondary-backward-stepper = 0
+	GtkScrollbar::has-secondary-forward-stepper = 0
+	GtkScrollbar::min-slider-length = 80
+	GtkScrollbar::slider-width = 12
+	GtkScrollbar::trough-border = 0
+
+	GtkScrolledWindow::scrollbar-spacing = 0
+	GtkScrolledWindow::scrollbars-within-bevel = 1
+
+	GtkSeparatorMenuItem::horizontal-padding = 0
+
+	GtkToolbar::internal-padding = 0
+
+	GtkTreeView::expander-size = 11
+	GtkTreeView::vertical-separator = 0
+
+	GtkWidget::focus-line-width = 1
+	# The following line prevents the Firefox tabs
+	# from jumping a few pixels when you create a new tab
+	GtkWidget::focus-padding = 0
+
+	GtkWidget::wide-separators = 1
+	GtkWidget::separator-width = 1
+	GtkWidget::separator-height = 1
+
+	GtkWindow::resize-grip-height = 0
+	GtkWindow::resize-grip-width = 0
+
+	WnckTasklist::fade-overlay-rect = 0
+
+	GnomeHRef::link_color = @link_color
+	GtkHTML::link-color = @link_color
+ 	GtkIMHtmlr::hyperlink-color = @link_color
+	GtkIMHtml::hyperlink-color = @link_color
+	GtkWidget::link-color = @link_color
+	GtkWidget::visited-link-color = @text_color
+
+	GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified
+	GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified
+
+	xthickness = 1
+	ythickness = 1
+
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+
+	bg[NORMAL] = @bg_color
+	bg[PRELIGHT] = shade (1.02, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @bg_color)
+	bg[INSENSITIVE] = @bg_color
+
+	base[NORMAL] = @base_color
+	base[PRELIGHT] = shade (0.95, @base_color)
+	base[SELECTED] = @selected_bg_color
+	base[ACTIVE] = @selected_bg_color
+	base[INSENSITIVE] = shade (0.85, @base_color)
+
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @text_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+	engine "murrine" {
+		animation = FALSE
+		arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows
+		border_shades = { 1.0, 1.0 } # gradient to draw on border
+		border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) }
+		colorize_scrollbar = FALSE
+		comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow
+		contrast = 0.8 # overal contrast with borders
+		focusstyle = 3 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow
+		glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight
+		glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides
+		glow_shade = 1.0 # amount of glow
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets
+		highlight_shade = 1.0 # amount of highlight
+		lightborder_shade = 1.0 # amount of inset light border
+		lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
+		listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+		listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line
+		menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+		menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+		menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+		menustyle = 0 # 0 = none, 1 = vertical striped
+		progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped
+		reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient
+		roundness = 4 # roundness of widgets
+		scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+		sliderstyle = 0 # 0 = none, 1 = handles
+		stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles
+		toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
+   }
+}
+
+style "murrine-wide" {
+	xthickness = 2
+	ythickness = 2
+}
+
+style "murrine-wider" {
+	xthickness = 3
+	ythickness = 3
+}
+
+style "murrine-thin" {
+	xthickness = 0
+	ythickness = 0
+}
+
+# Notebook
+
+style "clearlooks-notebook-bg" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = shade (0.80, @bg_color)
+}
+
+style "clearlooks-notebook" = "clearlooks-notebook-bg" {
+	xthickness = 2
+	ythickness = 2
+
+	engine "clearlooks" {
+		radius = 0.1
+	}
+}
+
+# Various Standard Widgets
+
+style "murrine-button"  = "murrine-wider" {
+	bg[NORMAL] = @btn_bg_color
+	bg[PRELIGHT] = shade (1.10, @btn_bg_color)
+	bg[SELECTED] = mix (0.5, @selected_bg_color, @bg_color)
+	bg[ACTIVE] = shade (0.95, @btn_bg_color)
+	bg[INSENSITIVE] = shade (0.75, @btn_bg_color)
+    #xthickness = 4
+    #ythickness = 4
+
+	engine "murrine" {
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+		roundness = 4
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+	}
+}
+
+style "murrine-buttonlabel" {
+	fg[NORMAL] = @btn_fg_color
+	fg[PRELIGHT] = @btn_fg_color
+	fg[SELECTED] = @btn_fg_color
+	fg[ACTIVE] = @btn_fg_color
+    fg[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+    text[NORMAL] = @btn_fg_color
+    text[PRELIGHT] = @btn_fg_color
+    text[SELECTED] = @btn_fg_color
+    text[ACTIVE] = @btn_fg_color
+    text[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		roundness = 0
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+		trough_shades = { 0.97, 0.97 }
+		trough_border_shades = { 1.0, 1.0 }
+	}
+}
+
+style "murrine-overlay-scrollbar" {
+	bg[ACTIVE] = shade (0.8, @bg_color)
+	bg[INSENSITIVE] = shade (0.97, @bg_color)
+
+	base[SELECTED] = shade (0.6, @bg_color)
+	base[INSENSITIVE] = shade (0.85, @bg_color)
+}
+
+style "murrine-scale" = "murrine-thin" {
+	bg[NORMAL] = @btn_bg_color
+	bg[ACTIVE] = mix(0.2, @fg_color, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[INSENSITIVE] = mix(0.95, @bg_color, @btn_bg_color)
+
+	engine "murrine" {
+        roundness = 8
+		#roundness = 4
+		gradient_shades = { 1.08, 1.08, 1.08, 1.08 }
+		#border_shades = { 0.5, 0.5 }
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+        #trough_shades = { 1.08, 1.08 }
+        trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-progressbar" = "murrine-thin" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = mix(0.08, @bg_color, @base_color)
+
+	fg[PRELIGHT] = @selected_fg_color
+
+	engine "murrine" {
+		#roundness = 2
+		roundness = 4
+		border_shades = { 1.2, 1.2 }
+		trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-treeview-header" = "murrine-button" {
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix(0.20, @bg_color, @fg_color)
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-treeview" {
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-frame" = "murrine-wide" {
+	bg[NORMAL] = mix(0.08, @fg_color, @bg_color)
+}
+
+style "murrine-frame-title" {
+	fg[NORMAL] = lighter (@fg_color)
+}
+
+style "murrine-tooltips" {
+	xthickness = 5
+	ythickness = 5
+
+	bg[NORMAL] = @tooltip_bg_color
+	bg[SELECTED] = @tooltip_bg_color
+
+	fg[NORMAL] = @tooltip_fg_color
+
+	engine "murrine" {
+		textstyle = 0
+		roundness = 2
+		rgba = FALSE
+	}
+}
+
+style "murrine-spinbutton" = "murrine-button" {
+	engine "murrine" {
+	}
+}
+
+style "clearlooks-radiocheck" = "murrine-default" {
+	bg[SELECTED] = @base_color
+	bg[PRELIGHT] = @bg_color
+
+	text[NORMAL] = @accent_bg_color
+	text[PRELIGHT] = @accent_bg_color
+
+	engine "clearlooks" {
+		radius = 4.0
+	}
+}
+
+style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" {
+	bg[PRELIGHT] = @bg_color
+}
+
+style "clearlooks-radiocheck-label" = "clearlooks-radiocheck" {
+    fg[NORMAL] = @fg_color
+    fg[PRELIGHT] = @fg_color
+    fg[SELECTED] = @fg_color
+    fg[ACTIVE] = @fg_color
+    fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+style "murrine-entry" = "murrine-wider" {
+    text[NORMAL] = @text_color
+    text[PRELIGHT] = @text_color
+    text[SELECTED] = @text_color
+    text[ACTIVE] = @text_color
+    text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+	engine "murrine" {
+		#border_shades = { 1.15, 1.15 }
+        border_colors = { mix(0.22, @text_color, @base_color), mix(0.22, @text_color, @base_color) }
+		roundness = 4
+	}
+}
+
+style "metacity-frame" = "murrine-default" {
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "murrine-statusbar" { }
+style "murrine-comboboxentry" = "murrine-entry" { }
+style "murrine-hscale" = "murrine-scale" { }
+style "murrine-vscale" = "murrine-scale" { }
+style "murrine-hscrollbar" = "murrine-scrollbar" { }
+style "murrine-vscrollbar" = "murrine-scrollbar" { }
+
+# Menus
+
+style "murrine-menu" = "murrine-thin" {
+	bg[NORMAL] = @menu_bg_color
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[INSENSITIVE] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	text[NORMAL] = @menu_fg_color
+	text[PRELIGHT] = @selected_fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menu-item" = "murrine-wider" {
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		textstyle = 0
+		border_shades = { 1.2, 1.2 }
+	}
+}
+
+style "murrine-separator-menu-item" = "murrine-thin" { }
+
+style "murrine-menubar" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menubaritem" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+# Toolbars
+
+style "murrine-toolbar" = "murrine-thin" {
+	bg[NORMAL] = @toolbar_bg_color
+	bg[PRELIGHT] = shade (1.02, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @toolbar_bg_color)
+	bg[INSENSITIVE] = @toolbar_bg_color
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton" = "murrine-button" {
+	bg[NORMAL] = shade (1.08, @toolbar_bg_color)
+	bg[PRELIGHT] = shade (1.10, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.95, @toolbar_bg_color)
+	bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color)
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton-label" = "murrine-toolbutton" {
+    fg[NORMAL] = @toolbar_fg_color
+    fg[PRELIGHT] = @toolbar_fg_color
+    fg[SELECTED] = @selected_fg_color
+    fg[ACTIVE] = @toolbar_fg_color
+    fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+    engine "murrine" {
+    }
+}
+
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkHandleBox" style "murrine-toolbar"
+widget_class "*Toolbar*.*Separator*" style "murrine-toolbar"
+
+# Panels
+
+style "murrine-panel" = "murrine-thin" {
+	xthickness = 2
+
+	bg[NORMAL] = @panel_bg_color
+	bg[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[ACTIVE] = shade (0.8, @panel_bg_color)
+	bg[INSENSITIVE] = @panel_bg_color
+
+	fg[NORMAL] = @panel_fg_color
+	fg[PRELIGHT] = shade (1.08, @panel_fg_color)
+	fg[SELECTED] = shade (1.08, @panel_fg_color)
+	fg[ACTIVE] = @panel_fg_color
+	fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	base[NORMAL] = @panel_bg_color
+	base[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[ACTIVE] = shade (0.9, @panel_bg_color)
+	base[INSENSITIVE] = @panel_bg_color
+
+	text[NORMAL] = @panel_fg_color
+	text[PRELIGHT] = shade (1.08, @panel_fg_color)
+	text[SELECTED] = shade (1.08, @panel_fg_color)
+	text[ACTIVE] = @panel_fg_color
+	text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+		contrast = 0.0
+	}
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+# LXPanel (code based on Lubuntu-default theme's gtkrc file)
+widget "*.tclock.*" style "murrine-panel"
+widget "*.taskbar.*" style "murrine-panel"
+widget_class "*GtkBgbox*" style "murrine-panel"
+
+style "bold-panel-item" {
+	font_name = "Bold"
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+	bg[ACTIVE] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+	bg[NORMAL] = shade (0.9, @bg_color)
+	base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+	bg[NORMAL] = @base_color
+	fg[INSENSITIVE] = shade (0.95, @base_color)
+	text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+	XfdesktopIconView::label-alpha = 0
+	XfdesktopIconView::selected-label-alpha = 60
+	XfdesktopIconView::shadow-x-offset = 0
+	XfdesktopIconView::shadow-y-offset = 1
+	XfdesktopIconView::selected-shadow-x-offset = 0
+	XfdesktopIconView::selected-shadow-y-offset = 1
+	XfdesktopIconView::shadow-color = @fg_color
+	XfdesktopIconView::selected-shadow-color = @fg_color
+	XfdesktopIconView::shadow-blur-radius = 2
+	XfdesktopIconView::cell-spacing = 2
+	XfdesktopIconView::cell-padding = 6
+	XfdesktopIconView::cell-text-width-proportion = 1.9
+
+	fg[NORMAL] = @bg_color
+	fg[ACTIVE] = @bg_color
+
+}
+
+style "xfwm-tabwin" {
+	Xfwm4TabwinWidget::border-width = 1
+        Xfwm4TabwinWidget::border-alpha = 1.0
+	Xfwm4TabwinWidget::icon-size = 64
+        Xfwm4TabwinWidget::alpha = 1.0
+        Xfwm4TabwinWidget::border-radius = 2
+
+	bg[NORMAL] = @menu_bg_color
+	bg[SELECTED] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+	}
+}
+
+style "xfwm-tabwin-button" {
+        font_name = "bold"
+
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfsm-logout" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[PRELIGHT] = shade (1.1, @menu_bg_color)
+	bg[SELECTED] = shade (0.5, @menu_bg_color)
+	bg[INSENSITIVE] = shade (1.3, @menu_bg_color)
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+
+	text[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+	}
+}
+
+style "xfsm-logout-button" {
+	bg[NORMAL] = shade (1.2, @menu_bg_color)
+	bg[PRELIGHT] = shade (1.4, @menu_bg_color)
+
+	engine "murrine" {
+	}
+}
+
+widget "*Pager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+# Thunar Styles
+
+style "sidepane" {
+	base[NORMAL] = @bg_color
+	base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color))
+	bg[NORMAL] = @bg_color
+	text[NORMAL] = mix (0.9, @fg_color, @bg_color)
+}
+
+widget_class "*ThunarShortcutsView*" style "sidepane"
+widget_class "*ThunarTreeView*" style "sidepane"
+widget_class "*ThunarLocationEntry*" style "murrine-entry"
+
+style "whiskermenu" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[PRELIGHT] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[ACTIVE] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+}
+
+style "whiskermenu-scrollbar" = "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		trough_shades = { 4.97, 4.97 }
+		trough_border_shades = { 5.0, 5.0 }
+	}
+}
+
+widget "whiskermenu-window*" style "whiskermenu"
+widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar"
+
+# Gtk2 Open-File Dialog
+
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane"
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+
+# Google Chrome/Chromium Styles (requires 9.0.597 or newer)
+
+style "chromium-toolbar-button" {
+	engine "murrine" {
+		roundness = 2
+		textstyle = 0
+	}
+}
+
+style "chrome-gtk-frame" {
+	ChromeGtkFrame::frame-color = @titlebar_bg_color
+	ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::frame-gradient-size = 0
+	ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
+	ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-gradient-size = 0
+	ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::scrollbar-trough-color = @bg_color
+	ChromeGtkFrame::scrollbar-slider-normal-color =  mix (0.21, @fg_color, @bg_color)
+	ChromeGtkFrame::scrollbar-slider-prelight-color =  mix (0.31, @fg_color, @bg_color)
+}
+
+class "ChromeGtkFrame" style "chrome-gtk-frame"
+
+widget_class "*Chrom*Button*" style "chromium-toolbar-button"
+
+# General Styles
+
+class "GtkWidget" style "murrine-default"
+
+class "GtkFrame" style "murrine-frame"
+class "MetaFrames" style "metacity-frame"
+class "GtkWindow" style "metacity-frame"
+
+class "GtkSeparator" style "murrine-wide"
+class "GtkCalendar" style "murrine-wide"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+class "GtkEntry" style "murrine-entry"
+
+widget_class "*<GtkNotebook>" style "clearlooks-notebook"
+widget_class "*<GtkNotebook>*<GtkEventBox>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkLayout>" style "clearlooks-notebook-bg"
+widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook"
+
+widget_class "*<GtkButton>" style "murrine-button"
+widget_class "*<GtkStatusbar>*" style "murrine-statusbar"
+widget_class "*<GtkProgress>" style "murrine-progressbar"
+widget_class "*<GtkProgressBar>" style "murrine-progressbar"
+
+widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry"
+widget_class "*<GtkCombo>*" style "murrine-comboboxentry"
+
+widget_class "*<GtkMenu>*" style "murrine-menu"
+widget_class "*<GtkMenuItem>*" style "murrine-menu-item"
+widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item"
+widget_class "*Menu*.*Sepa*"  style "murrine-separator-menu-item"
+widget_class "*<GtkMenuBar>*" style "murrine-menubar"
+widget_class "*<GtkMenuBar>*<GtkMenuItem>*" style "murrine-menubaritem"
+
+widget_class "*GtkToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToggleToolButton*" style "murrine-toolbutton"
+widget_class "*GtkMenuToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToolbar*Button" style "murrine-toolbutton"
+
+widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title"
+
+widget_class "*.<GtkTreeView>*" style "murrine-treeview"
+widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header"
+
+widget_class "*.<GtkCheckButton>" style "clearlooks-radiocheck"
+widget_class "*<GtkNotebook>.*.<GtkCheckButton>" style "clearlooks-base-radiocheck"
+widget_class "*<GtkCellRendererToggle>" style "clearlooks-base-radiocheck"
+
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+widget_class "*<GtkScrolledWindow>*<OsScrollbar>" style "murrine-overlay-scrollbar"
+
+# Workarounds and Non-Standard Styling
+
+style "text-is-fg-color-workaround" {
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @fg_color
+	text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+widget_class "*.<GtkComboBox>.<GtkCellView>" style "text-is-fg-color-workaround"
+
+style "fg-is-text-color-workaround" {
+	fg[NORMAL] = @text_color
+	fg[PRELIGHT] = @text_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[INSENSITIVE] = darker (@fg_color)
+}
+
+widget_class "*<GtkListItem>*" style "fg-is-text-color-workaround"
+widget_class "*<GtkCList>" style "fg-is-text-color-workaround"
+widget_class "*<EelEditableLabel>" style "fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround" {
+	engine "murrine" {
+		toolbarstyle = 0
+	}
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+style "inkscape-toolbar-fix" {
+	engine "murrine" {
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+		highlight_shade = 1.0
+	}
+}
+
+#widget "*GtkHandleBox*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix"
+
+# Performance Fixes
+
+style "performance-fix" {
+	engine "murrine" {
+		textstyle = 0
+	}
+}
+
+widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape
+widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp
+widget_class "*GimpToolbox*" style "performance-fix"
+widget_class "*GimpMenuDock*" style "performance-fix"
+widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice
+widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.)
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button"
+
+# button fg workarounds:
+widget_class "*.<GtkButton>.<GtkLabel>" style "murrine-buttonlabel"
+widget_class "*<GtkButton>*<GtkLabel>*" style:highest "murrine-buttonlabel"
+widget_class "*<GtkCheckButton>*<GtkLabel>*" style:highest "clearlooks-radiocheck-label"
+widget_class "*<GtkComboBoxText>*" style "murrine-buttonlabel"
+widget_class "*<GtkComboBoxText>*<GtkToggleButton>*" style "murrine-buttonlabel"
+widget_class "*<GtkComboBoxText>*<GtkEntry>*" style:highest "murrine-entry"
+widget_class "*<GtkToolbar>*<GtkToolButton>*<GtkLabel>*" style:highest "murrine-toolbutton-label"
diff --git a/Material/files/Material/config/DeepOcean-B/gtk-2.0/gtkrc.hidpi b/Material/files/Material/config/DeepOcean-B/gtk-2.0/gtkrc.hidpi
new file mode 100644
index 000000000..9f4f8b7b9
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/gtk-2.0/gtkrc.hidpi
@@ -0,0 +1,995 @@
+# Oomox GTK Theme (Numix Fork)
+
+gtk-color-scheme =
+"base_color:#0F111A\nbg_color:#0F111A\ntooltip_bg_color:#0F111A\nselected_bg_color:#717CB4\ntext_color:#EEFFFF\nfg_color:#EEFFFF\ntooltip_fg_color:#EEFFFF\nselected_fg_color:#EEFFFF\nmenubar_bg_color:#0F111A\nmenubar_fg_color:#EEFFFF\ntoolbar_bg_color:#0F111A\ntoolbar_fg_color:#EEFFFF\nmenu_bg_color:#0F111A\nmenu_fg_color:#EEFFFF\npanel_bg_color:#0F111A\npanel_fg_color:#EEFFFF\nlink_color:#077fdb\nbtn_bg_color:#232637\nbtn_fg_color:#fafafa\ntitlebar_bg_color:#0F111A\ntitlebar_fg_color:#EEFFFF\nprimary_caret_color:#EEFFFF\nsecondary_caret_color:#EEFFFF\naccent_bg_color:#84FFFF\n"
+# Default Style
+
+style "murrine-default" {
+	GtkArrow::arrow-scaling= 1.0
+
+	GtkButton::child-displacement-x = 0
+	GtkButton::child-displacement-y = 0
+
+	#GtkButton::default-border = { 0, 0, 0, 0 }
+    GtkButton::inner-border        = { 0, 0, 1, 0 }
+    GtkButton::focus-line-width    = 2
+    #GtkButton::focus-padding       = 4
+    GtkButton::focus-padding       = 2
+    #GtkButton::interior-focus = 1
+
+    GtkEntry::inner-border        = { 4, 4, 5, 4 }
+    GtkComboBox::inner-border        = { 4, 4, 6, 5 }
+    GtkComboBoxText::inner-border        = { 4, 4, 6, 5 }
+
+	#GtkButtonBox::child-min-height = 52
+
+	GtkCheckButton::indicator-size = 30
+
+	# The following line hints to gecko (and possibly other appliations)
+	# that the entry should be drawn transparently on the canvas.
+	# Without this, gecko will fill in the background of the entry.
+	GtkEntry::honors-transparent-bg-hint = 1
+	GtkEntry::state-hint = 0
+
+	GtkExpander::expander-size = 30
+
+	GtkImage::x-ayatana-indicator-dynamic = 1
+
+	GtkMenu::horizontal-padding = 2
+	GtkMenu::vertical-padding = 2
+
+	GtkMenuBar::internal-padding = 1
+	GtkMenuBar::window-dragging = 1
+
+	GtkMenuItem::arrow-scaling= 0.5
+
+	GtkPaned::handle-size = 1
+
+	GtkProgressBar::min-horizontal-bar-height = 14
+	GtkProgressBar::min-vertical-bar-width = 14
+
+	GtkRange::trough-border = 0
+	GtkRange::slider-width = 24
+	GtkRange::stepper-size = 24
+	GtkRange::stepper_spacing = 0
+	GtkRange::trough-under-steppers = 1
+
+	GtkScale::slider-length = 30
+	GtkScale::slider-width = 30
+	GtkScale::trough-side-details = 1
+
+	GtkScrollbar::activate-slider = 1
+	GtkScrollbar::has-backward-stepper = 0
+	GtkScrollbar::has-forward-stepper = 0
+	GtkScrollbar::has-secondary-backward-stepper = 0
+	GtkScrollbar::has-secondary-forward-stepper = 0
+	GtkScrollbar::min-slider-length = 160
+	GtkScrollbar::slider-width = 24
+	GtkScrollbar::trough-border = 0
+
+	GtkScrolledWindow::scrollbar-spacing = 0
+	GtkScrolledWindow::scrollbars-within-bevel = 1
+
+	GtkSeparatorMenuItem::horizontal-padding = 0
+
+	GtkToolbar::internal-padding = 0
+
+	GtkTreeView::expander-size = 22
+	GtkTreeView::vertical-separator = 0
+
+	GtkWidget::focus-line-width = 2
+	# The following line prevents the Firefox tabs
+	# from jumping a few pixels when you create a new tab
+	GtkWidget::focus-padding = 0
+
+	GtkWidget::wide-separators = 1
+	GtkWidget::separator-width = 2
+	GtkWidget::separator-height = 2
+
+	GtkWindow::resize-grip-height = 2
+	GtkWindow::resize-grip-width = 2
+
+	WnckTasklist::fade-overlay-rect = 0
+
+	GnomeHRef::link_color = @link_color
+	GtkHTML::link-color = @link_color
+ 	GtkIMHtmlr::hyperlink-color = @link_color
+	GtkIMHtml::hyperlink-color = @link_color
+	GtkWidget::link-color = @link_color
+	GtkWidget::visited-link-color = @text_color
+
+	GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified
+	GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified
+
+	xthickness = 2
+	ythickness = 2
+
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+
+	bg[NORMAL] = @bg_color
+	bg[PRELIGHT] = shade (1.02, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @bg_color)
+	bg[INSENSITIVE] = @bg_color
+
+	base[NORMAL] = @base_color
+	base[PRELIGHT] = shade (0.95, @base_color)
+	base[SELECTED] = @selected_bg_color
+	base[ACTIVE] = @selected_bg_color
+	base[INSENSITIVE] = shade (0.85, @base_color)
+
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @text_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+	engine "murrine" {
+		animation = FALSE
+		arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows
+		border_shades = { 1.0, 1.0 } # gradient to draw on border
+		border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) }
+		colorize_scrollbar = FALSE
+		comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow
+		contrast = 0.8 # overal contrast with borders
+		focusstyle = 3 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow
+		glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight
+		glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides
+		glow_shade = 1.0 # amount of glow
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets
+		highlight_shade = 1.0 # amount of highlight
+		lightborder_shade = 1.0 # amount of inset light border
+		lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
+		listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+		listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line
+		menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+		menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+		menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+		menustyle = 0 # 0 = none, 1 = vertical striped
+		progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped
+		reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient
+		roundness = 8# roundness of widgets
+		scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+		sliderstyle = 0 # 0 = none, 1 = handles
+		stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles
+		toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
+   }
+}
+
+style "murrine-wide" {
+	xthickness = 6
+	ythickness = 6
+}
+
+style "murrine-wider" {
+	xthickness = 10
+	ythickness = 10
+}
+
+style "murrine-thin" {
+	xthickness = 1
+	ythickness = 1
+}
+
+# Notebook
+
+style "clearlooks-notebook-bg" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = shade (0.80, @bg_color)
+}
+
+style "clearlooks-notebook" = "clearlooks-notebook-bg" {
+	xthickness = 8
+	ythickness = 4
+
+	engine "clearlooks" {
+		radius = 0.1
+	}
+}
+
+# Various Standard Widgets
+
+style "murrine-button"  = "murrine-wider" {
+	bg[NORMAL] = @btn_bg_color
+	bg[PRELIGHT] = shade (1.04, @btn_bg_color)
+	bg[SELECTED] = mix (0.5, @selected_bg_color, @bg_color)
+	bg[ACTIVE] = shade (0.95, @btn_bg_color)
+	bg[INSENSITIVE] = shade (0.75, @btn_bg_color)
+    xthickness = 10
+    ythickness = 10
+    #xthickness = 5
+    #ythickness = 5
+
+	engine "murrine" {
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+		roundness = 8
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+	}
+}
+
+style "murrine-buttonlabel" {
+	fg[NORMAL] = @btn_fg_color
+	fg[PRELIGHT] = @btn_fg_color
+	fg[SELECTED] = @btn_fg_color
+	fg[ACTIVE] = @btn_fg_color
+    fg[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+    text[NORMAL] = @btn_fg_color
+    text[PRELIGHT] = @btn_fg_color
+    text[SELECTED] = @btn_fg_color
+    text[ACTIVE] = @btn_fg_color
+    text[INSENSITIVE] = @btn_fg_color
+    text[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-comboboxtext" = "murrine-buttonlabel" {
+    xthickness = 10
+    ythickness = 10
+}
+
+style "murrine-togglebutton" = "murrine-buttonlabel" {
+    xthickness = 10
+    ythickness = 10
+}
+
+style "murrine-radiocheck" = "murrine-togglebutton" {
+	text[NORMAL] = @accent_bg_color
+	text[PRELIGHT] = @accent_bg_color
+}
+
+style "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		roundness = 8
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+		trough_shades = { 0.97, 0.97 }
+		trough_border_shades = { 1.0, 1.0 }
+	}
+}
+
+style "murrine-overlay-scrollbar" {
+	bg[ACTIVE] = shade (0.8, @bg_color)
+	bg[INSENSITIVE] = shade (0.97, @bg_color)
+
+	base[SELECTED] = shade (0.6, @bg_color)
+	base[INSENSITIVE] = shade (0.85, @bg_color)
+}
+
+style "murrine-scale" = "murrine-thin" {
+	bg[NORMAL] = @btn_bg_color
+	bg[ACTIVE] = mix(0.2, @fg_color, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[INSENSITIVE] = mix(0.95, @bg_color, @btn_bg_color)
+
+	engine "murrine" {
+        roundness = 25
+		#roundness = 8
+		gradient_shades = { 1.08, 1.08, 1.08, 1.08 }
+		#border_shades = { 0.5, 0.5 }
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+        #trough_shades = { 1.08, 1.08 }
+        trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-progressbar" = "murrine-thin" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = mix(0.08, @bg_color, @base_color)
+
+	fg[PRELIGHT] = @selected_fg_color
+
+	engine "murrine" {
+		roundness = 8
+		border_shades = { 1.2, 1.2 }
+		trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-treeview-header" = "murrine-button" {
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix(0.20, @bg_color, @fg_color)
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-treeview" {
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-frame" = "murrine-wide" {
+	bg[NORMAL] = mix(0.08, @fg_color, @bg_color)
+}
+
+style "murrine-frame-title" {
+	fg[NORMAL] = lighter (@fg_color)
+}
+
+style "murrine-tooltips" {
+	xthickness = 10
+	ythickness = 10
+
+	bg[NORMAL] = @tooltip_bg_color
+	bg[SELECTED] = @tooltip_bg_color
+
+	fg[NORMAL] = @tooltip_fg_color
+
+	engine "murrine" {
+		textstyle = 0
+		roundness = 8
+		rgba = FALSE
+	}
+}
+
+style "murrine-spinbutton" = "murrine-button" {
+    xthickness = 10
+    ythickness = 10
+	engine "murrine" {
+	}
+}
+
+style "clearlooks-radiocheck" = "murrine-default" {
+	bg[SELECTED] = @base_color
+	bg[PRELIGHT] = @bg_color
+
+	text[NORMAL] = @accent_bg_color
+	text[PRELIGHT] = @accent_bg_color
+
+	engine "clearlooks" {
+		radius = 8.0
+	}
+}
+
+style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" {
+	bg[PRELIGHT] = @bg_color
+}
+
+style "clearlooks-radiocheck-label" = "clearlooks-radiocheck" {
+    fg[NORMAL] = @fg_color
+    fg[PRELIGHT] = @fg_color
+    fg[SELECTED] = @fg_color
+    fg[ACTIVE] = @fg_color
+    fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+style "murrine-entry" = "murrine-wider" {
+    text[NORMAL] = @text_color
+    text[PRELIGHT] = @text_color
+    text[SELECTED] = @text_color
+    text[ACTIVE] = @text_color
+    text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+	xthickness = 10
+	ythickness = 10
+	engine "murrine" {
+		#border_shades = { 1.15, 1.15 }
+		border_colors = { mix(0.22, @text_color, @base_color), mix(0.22, @text_color, @base_color) }
+		roundness = 8
+	}
+}
+
+style "metacity-frame" = "murrine-default" {
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "murrine-statusbar" { }
+style "murrine-comboboxentry" = "murrine-entry" { }
+style "murrine-hscale" = "murrine-scale" { }
+style "murrine-vscale" = "murrine-scale" { }
+style "murrine-hscrollbar" = "murrine-scrollbar" { }
+style "murrine-vscrollbar" = "murrine-scrollbar" { }
+
+# Menus
+
+style "murrine-menu" = "murrine-thin" {
+	bg[NORMAL] = @menu_bg_color
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[INSENSITIVE] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	text[NORMAL] = @menu_fg_color
+	text[PRELIGHT] = @selected_fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menu-item" = "murrine-wider" {
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		textstyle = 0
+		border_shades = { 1.2, 1.2 }
+	}
+}
+
+style "murrine-separator-menu-item" = "murrine-thin" { }
+
+style "murrine-menubar" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menubaritem" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+# Toolbars
+
+style "murrine-toolbar" = "murrine-thin" {
+	bg[NORMAL] = @toolbar_bg_color
+	bg[PRELIGHT] = shade (1.02, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @toolbar_bg_color)
+	bg[INSENSITIVE] = @toolbar_bg_color
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton" = "murrine-button" {
+	bg[NORMAL] = shade (1.08, @toolbar_bg_color)
+	bg[PRELIGHT] = shade (1.10, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.95, @toolbar_bg_color)
+	bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color)
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton-label" = "murrine-toolbutton" {
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkHandleBox" style "murrine-toolbar"
+widget_class "*Toolbar*.*Separator*" style "murrine-toolbar"
+
+# Panels
+
+style "murrine-panel" = "murrine-thin" {
+	xthickness = 2
+
+	bg[NORMAL] = @panel_bg_color
+	bg[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[ACTIVE] = shade (0.8, @panel_bg_color)
+	bg[INSENSITIVE] = @panel_bg_color
+
+	fg[NORMAL] = @panel_fg_color
+	fg[PRELIGHT] = shade (1.08, @panel_fg_color)
+	fg[SELECTED] = shade (1.08, @panel_fg_color)
+	fg[ACTIVE] = @panel_fg_color
+	fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	base[NORMAL] = @panel_bg_color
+	base[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[ACTIVE] = shade (0.9, @panel_bg_color)
+	base[INSENSITIVE] = @panel_bg_color
+
+	text[NORMAL] = @panel_fg_color
+	text[PRELIGHT] = shade (1.08, @panel_fg_color)
+	text[SELECTED] = shade (1.08, @panel_fg_color)
+	text[ACTIVE] = @panel_fg_color
+	text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+		contrast = 0.0
+	}
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+# LXPanel (code based on Lubuntu-default theme's gtkrc file)
+widget "*.tclock.*" style "murrine-panel"
+widget "*.taskbar.*" style "murrine-panel"
+widget_class "*GtkBgbox*" style "murrine-panel"
+
+style "bold-panel-item" {
+	font_name = "Bold"
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+	bg[ACTIVE] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+	bg[NORMAL] = shade (0.9, @bg_color)
+	base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+	bg[NORMAL] = @base_color
+	fg[INSENSITIVE] = shade (0.95, @base_color)
+	text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+       XfdesktopIconView::label-alpha = 0
+       XfdesktopIconView::selected-label-alpha = 60
+       XfdesktopIconView::shadow-x-offset = 0
+       XfdesktopIconView::shadow-y-offset = 1
+       XfdesktopIconView::selected-shadow-x-offset = 0
+       XfdesktopIconView::selected-shadow-y-offset = 1
+       XfdesktopIconView::shadow-color = @fg_color
+       XfdesktopIconView::selected-shadow-color = @fg_color
+       XfdesktopIconView::shadow-blur-radius = 2
+       XfdesktopIconView::cell-spacing = 2
+       XfdesktopIconView::cell-padding = 6
+       XfdesktopIconView::cell-text-width-proportion = 1.9
+
+       fg[NORMAL] = @bg_color
+       fg[ACTIVE] = @bg_color
+
+}
+
+style "xfwm-tabwin" {
+	Xfwm4TabwinWidget::border-width = 1
+        Xfwm4TabwinWidget::border-alpha = 1.0
+	Xfwm4TabwinWidget::icon-size = 64
+        Xfwm4TabwinWidget::alpha = 1.0
+        Xfwm4TabwinWidget::border-radius = 2
+
+	bg[NORMAL] = @menu_bg_color
+	bg[SELECTED] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+	}
+}
+
+style "xfwm-tabwin-button" {
+        font_name = "bold"
+
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfsm-logout" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[PRELIGHT] = shade (1.1, @menu_bg_color)
+	bg[SELECTED] = shade (0.5, @menu_bg_color)
+	bg[INSENSITIVE] = shade (1.3, @menu_bg_color)
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+
+	text[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+	}
+}
+
+style "xfsm-logout-button" {
+	bg[NORMAL] = shade (1.2, @menu_bg_color)
+	bg[PRELIGHT] = shade (1.4, @menu_bg_color)
+
+	engine "murrine" {
+	}
+}
+
+widget "*Pager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+# Thunar Styles
+
+style "sidepane" {
+	base[NORMAL] = @bg_color
+	base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color))
+	bg[NORMAL] = @bg_color
+	text[NORMAL] = mix (0.9, @fg_color, @bg_color)
+}
+
+widget_class "*ThunarShortcutsView*" style "sidepane"
+widget_class "*ThunarTreeView*" style "sidepane"
+widget_class "*ThunarLocationEntry*" style "murrine-entry"
+
+style "whiskermenu" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[PRELIGHT] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[ACTIVE] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+}
+
+style "whiskermenu-scrollbar" = "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		trough_shades = { 4.97, 4.97 }
+		trough_border_shades = { 5.0, 5.0 }
+	}
+}
+
+widget "whiskermenu-window*" style "whiskermenu"
+widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar"
+
+# Gtk2 Open-File Dialog
+
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane"
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+
+# Google Chrome/Chromium Styles (requires 9.0.597 or newer)
+
+style "chromium-toolbar-button" {
+	engine "murrine" {
+		roundness = 8
+		textstyle = 0
+	}
+}
+
+style "chrome-gtk-frame" {
+	ChromeGtkFrame::frame-color = @titlebar_bg_color
+	ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::frame-gradient-size = 0
+	ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
+	ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-gradient-size = 0
+	ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::scrollbar-trough-color = @bg_color
+	ChromeGtkFrame::scrollbar-slider-normal-color =  mix (0.21, @fg_color, @bg_color)
+	ChromeGtkFrame::scrollbar-slider-prelight-color =  mix (0.31, @fg_color, @bg_color)
+}
+
+class "ChromeGtkFrame" style "chrome-gtk-frame"
+
+widget_class "*Chrom*Button*" style "chromium-toolbar-button"
+
+# General Styles
+
+class "GtkWidget" style "murrine-default"
+
+class "GtkFrame" style "murrine-frame"
+class "MetaFrames" style "metacity-frame"
+class "GtkWindow" style "metacity-frame"
+
+class "GtkSeparator" style "murrine-wide"
+class "GtkCalendar" style "murrine-wide"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+class "GtkEntry" style "murrine-entry"
+
+widget_class "*<GtkNotebook>" style "clearlooks-notebook"
+widget_class "*<GtkNotebook>*<GtkEventBox>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkLayout>" style "clearlooks-notebook-bg"
+widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook"
+
+widget_class "*<GtkButton>" style "murrine-button"
+widget_class "*<GtkStatusbar>*" style "murrine-statusbar"
+widget_class "*<GtkProgress>" style "murrine-progressbar"
+widget_class "*<GtkProgressBar>" style "murrine-progressbar"
+
+widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry"
+widget_class "*<GtkCombo>*" style "murrine-comboboxentry"
+
+widget_class "*<GtkMenu>*" style "murrine-menu"
+widget_class "*<GtkMenuItem>*" style "murrine-menu-item"
+widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item"
+widget_class "*Menu*.*Sepa*"  style "murrine-separator-menu-item"
+widget_class "*<GtkMenuBar>*" style "murrine-menubar"
+widget_class "*<GtkMenuBar>*<GtkMenuItem>*" style "murrine-menubaritem"
+
+widget_class "*GtkToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToggleToolButton*" style "murrine-toolbutton"
+widget_class "*GtkMenuToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToolbar*Button" style "murrine-toolbutton"
+
+widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title"
+
+widget_class "*.<GtkTreeView>*" style "murrine-treeview"
+widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header"
+
+widget_class "*.<GtkCheckButton>" style "clearlooks-radiocheck"
+widget_class "*<GtkNotebook>.*.<GtkCheckButton>" style "clearlooks-base-radiocheck"
+widget_class "*<GtkCellRendererToggle>" style "clearlooks-base-radiocheck"
+
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+widget_class "*<GtkScrolledWindow>*<OsScrollbar>" style "murrine-overlay-scrollbar"
+
+# Workarounds and Non-Standard Styling
+
+style "text-is-fg-color-workaround" {
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @fg_color
+	text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+widget_class "*.<GtkComboBox>.<GtkCellView>" style "text-is-fg-color-workaround"
+
+style "fg-is-text-color-workaround" {
+	fg[NORMAL] = @text_color
+	fg[PRELIGHT] = @text_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[INSENSITIVE] = darker (@fg_color)
+}
+
+widget_class "*<GtkListItem>*" style "fg-is-text-color-workaround"
+widget_class "*<GtkCList>" style "fg-is-text-color-workaround"
+widget_class "*<EelEditableLabel>" style "fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround" {
+	engine "murrine" {
+		toolbarstyle = 0
+	}
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+style "inkscape-toolbar-fix" {
+	engine "murrine" {
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+		highlight_shade = 1.0
+	}
+}
+
+#widget "*GtkHandleBox*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix"
+
+
+
+
+style "gimp-default-style" {
+# Uncommenting this line allows to set a different (smaller) font for GIMP.
+#
+# font_name = "sans 8"
+# Enabling the following line for some reason breaks toolbox resize
+# increment calculation. You can enable it to get an even smaller GUI
+# but need to restart GIMP after the theme change.
+#
+# GtkWidget::focus-padding         = 0
+  GtkOptionMenu::indicator-size    = { 15, 25 }
+  GtkOptionMenu::indicator-spacing = { 10, 8, 4, 4 }
+  GtkPaned::handle-size             = 5
+  GimpDockWindow::default-height    = 600
+  GimpDock::font-scale              = 1.0
+  GimpMenuDock::minimal-width       = 400
+  GimpToolPalette::tool-icon-size   = large-toolbar
+  GimpToolPalette::button-relief    = none
+  GimpDockbook::tab-border          = 0
+  GimpDockbook::tab-icon-size       = button
+  GimpColorNotebook::tab-border     = 0
+  GimpColorNotebook::tab-icon-size  = button
+  GimpDeviceEditor::handle-size     = 30
+  GimpDockable::content-border      = 1
+  GimpEditor::content-spacing       = 1
+  GimpEditor::button-spacing        = 1
+  GimpEditor::button-icon-size      = button
+  GimpDataEditor::minimal-height    = 150
+  GimpFrame::label-spacing          = 5
+  GtkDialog::content-area-border    = 2
+  GtkDialog::button-spacing         = 20
+  GtkDialog::action-area-border     = 25
+  GimpUnitComboBox::appears-as-list = 0
+}
+
+class "GtkWidget" style "gimp-default-style"
+style "gimp-tool-dialog-style" = "gimp-default-style"
+{
+  GtkDialog::action-area-border = 6
+}
+class "GimpToolDialog" style "gimp-tool-dialog-style"
+style "gimp-grid-view-style" = "gimp-default-style"
+{
+  bg[NORMAL] = { 1.0, 1.0, 1.0 }
+}
+widget "*GimpContainerGridView*GtkViewport*" style "gimp-grid-view-style"
+style "gimp-dockable-style" = "gimp-default-style"
+{
+  GimpFrame::label-bold       = 0
+  GtkButton::focus-line_width = 1
+  GtkButton::focus-padding    = 0
+}
+widget "*GimpDockable.*" style "gimp-dockable-style"
+style "gimp-display-style" = "gimp-default-style"
+{
+  GimpRuler::font-scale          = 1.0
+  GimpUnitComboBox::label-scale  = 1.0
+  GimpScaleComboBox::label-scale = 1.0
+  GtkComboBox::arrow-size        = 20
+  GtkButton::inner-border        = { 0, 0, 0, 0 }
+  GtkButton::focus-line-width    = 0
+  GtkButton::focus-padding       = 0
+}
+widget "*GimpDisplayShell.*" style "gimp-display-style"
+style "gimp-overlay-style" = "gimp-display-style"
+{
+  GtkButton::focus-line_width = 2
+}
+widget_class "*<GimpOverlayFrame>*" style "gimp-overlay-style"
+
+
+
+
+# Performance Fixes
+
+style "performance-fix" {
+	engine "murrine" {
+		textstyle = 0
+	}
+}
+
+widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape
+widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp
+widget_class "*GimpToolbox*" style "performance-fix"
+widget_class "*GimpMenuDock*" style "performance-fix"
+widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice
+widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.)
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button"
+
+
+# button fg workarounds:
+widget_class "*.<GtkButton>.<GtkLabel>" style "murrine-buttonlabel"
+widget_class "*<GtkButton>*<GtkLabel>*" style:highest "murrine-buttonlabel"
+widget_class "*<GtkCheckButton>*<GtkLabel>*" style:highest "clearlooks-radiocheck-label"
+widget_class "*<GtkComboBoxText>*" style "murrine-comboboxtext"
+widget_class "*<GtkToggleButton>*" style "murrine-togglebutton"
+widget_class "*.<GtkCheckButton>" style "murrine-radiocheck"
+widget_class "*<GtkComboBoxText>*<GtkEntry>*" style:highest "murrine-entry"
+widget_class "*<GtkToolbar>*<GtkToolButton>*<GtkLabel>*" style:highest "murrine-toolbutton-label"
diff --git a/Material/files/Material/config/DeepOcean-B/gtk-3.0/gtk-dark.css b/Material/files/Material/config/DeepOcean-B/gtk-3.0/gtk-dark.css
new file mode 100644
index 000000000..ac65fa915
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/gtk-3.0/gtk-dark.css
@@ -0,0 +1,11470 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #0f111a;
+/* text widgets and the like base background color */
+@define-color theme_base_color #0f111a;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f111a;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #232637;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #0f111a;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #0f111a;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #0f111a;
+@define-color wm_unfocused_bg #0f111a;
+@define-color wm_button_close_icon #0f111a;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #0f111a;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #0f111a;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #0f111a;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #0f111a;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #0f111a;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #0f111a;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #0f111a;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #0f111a;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #e2e9e9 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #e2e9e9 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #f07178;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #e2e9e9;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #eeffff;
+  background-color: #464b5d;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #232637;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #0f111a;
+}
+
+textview border {
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+.dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #f07178;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #0f111a;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #eeffff;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(154, 165, 206, 0.9);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(154, 165, 206, 0.7);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.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;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar 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.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+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 {
+  color: #89ddff;
+}
+
+*:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #0f111a;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+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(238, 255, 255, 0.12);
+  background-color: #232637;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+  color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar stackswitcher {
+  border: 2px solid #e2e9e9;
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: #0f111a;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.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 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.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: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 10px 20px;
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 20px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #0f111a;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+  background-color: #292d3e;
+  color: #84ffff;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(238, 255, 255, 0.3);
+  border-top-color: rgba(238, 255, 255, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(238, 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: #eeffff;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #0f111a;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #292d3e;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 2px solid #e2e9e9;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #eeffff;
+  font: initial;
+  font-weight: 500;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #3b3f51;
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-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),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #464b5d;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+  margin-top: 8px;
+  margin-bottom: -12px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #eeffff;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+  margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 2px solid #676e95;
+  box-shadow: none;
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #292d3e;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #232637;
+  color: #84ffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: transparent;
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: transparent;
+}
+
+scrollbar.bottom {
+  border-bottom: transparent;
+}
+
+scrollbar.left {
+  border-bottom: transparent;
+}
+
+scrollbar.right {
+  border-bottom: transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 4px;
+  min-height: 4px;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 2px;
+  min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 2px;
+  min-height: 2px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+  background-color: transparent;
+  color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked slider {
+  background-color: #0f111a;
+  color: #0f111a;
+}
+
+/*************************
+ * 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;
+}
+
+.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;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -8px;
+  padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #e2e9e9;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+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:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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;
+}
+
+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(238, 255, 255, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+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')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #eeffff;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #e2e9e9;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+  border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #0f111a;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #ffcb6b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #c3e88d;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms 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(238, 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: #eeffff;
+}
+
+expander title > arrow:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #292d3e;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+.csd filechooser {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #0f111a;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(238, 255, 255, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.12)),
+    image(rgba(238, 255, 255, 0.12));
+  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;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #0f111a;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip * {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #e2e9e9;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #0f111a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 14px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 16px transparent;
+  border: 2px solid #84ffff;
+  background-clip: border-box;
+  margin: 8px;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 16px transparent;
+  border: 2px solid #464b5d;
+  background-clip: border-box;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+  border-radius: 0;
+  border: none;
+}
+
+.popup decoration {
+  box-shadow: none;
+}
+
+.ssd decoration {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #84ffff;
+  border: none;
+  border-radius: 12px 12px 0 0;
+}
+
+.ssd decoration:backdrop {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #464b5d;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  border: 2px solid #676e95;
+  background-clip: border-box;
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.csd decoration {
+  border-radius: 12px;
+  border: none;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  border: 2px solid #e2e9e9;
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #0f111a;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close {
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:active {
+  background-color: #ffcb6b;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active {
+  background-color: shade(#ffcb6b, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:active {
+  background-color: #c3e88d;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+  background-color: shade(#c3e88d, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+  background-color: #f07178;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+  background-color: shade(#f07178, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop {
+  background-color: #464b5d;
+  color: transparent;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.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(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #e2e9e9;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#e2e9e9, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#e2e9e9, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #0f111a;
+  color: #e2e9e9;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #232637;
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #232637;
+  font-weight: 700;
+  border-left: 3px solid #f07178;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #84ffff;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #232637;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #eeffff;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #84ffff;
+  background-color: #232637;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+  color: #84ffff;
+  background-color: #232637;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #232637;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #84ffff;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #e2e9e9;
+  color: #e2e9e9;
+}
+
+.disk-space-display.free {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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 {
+  margin: -6px 0 0 -6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > label {
+  margin: 0 8px;
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > box
+  > button {
+  border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+  padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+  margin-top: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box {
+  margin-bottom: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box.linked {
+  margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+  margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #232637;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #232637;
+}
+
+.gedit-document-panel row button.flat {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #292d3e;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > 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;
+}
+
+/**********
+ * Tweaks *
+ **********/
+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,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > 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 list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > 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 list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > 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 list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #292d3e;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > 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
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+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
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#eeffff,
+.tweak-#eeffff,
+.tweak-#eeffff:hover {
+  background-image: image(#0f111a);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#0f111a);
+}
+
+.tweak-group-startup {
+  background-image: image(#0f111a);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > 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: #0f111a;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > 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 > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #0f111a;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > 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;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #0f111a;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#0f111a);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #e2e9e9;
+  background-color: #0f111a;
+}
+
+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(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #0f111a;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #232637;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #e2e9e9 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+docktab:checked {
+  transition: all 75ms 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 #e2e9e9;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+dockoverlayedge {
+  background-color: #0f111a;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+pillbox {
+  background-color: #0f111a;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #0f111a;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.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: #eeffff;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #0f111a;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(226, 233, 233, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #eeffff;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #eeffff;
+}
+
+button.photos-filter-preview:checked image {
+  color: #eeffff;
+}
+
+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;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#232637);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#e2e9e9);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #0f111a;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #0f111a;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  padding: 0 2px 3px 2px;
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+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: 12px;
+}
+
+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: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#232637);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #232637;
+  color: #eeffff;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  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: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #eeffff;
+  background-color: #0f111a;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #0f111a;
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * 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,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #0f111a;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified headerbar.selection-mode {
+  box-shadow: none;
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+  border: none;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #84ffff, 0 0 16px transparent;
+}
+
+window.background.csd.unified:backdrop,
+window.background.csd.unified > decoration:backdrop,
+window.background.csd.unified > decoration-overlay:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #464b5d, 0 0 16px transparent;
+}
+
+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;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+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(#292d3e);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+window > notebook > stack {
+  margin: 0 3px 3px 3px;
+}
+
+window > notebook {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #0f111a;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #292d3e;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #444267;
+}
+
+window.background.chromium > button {
+  color: #e2e9e9;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #e2e9e9;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #444267;
+  background-color: #0f111a;
+}
+
+window.background.chromium menu {
+  border-color: #515772;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #0f111a;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #e2e9e9;
+  box-shadow: inset 0 0 0 1px #e2e9e9;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #232637;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #717cb4;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #8da3ca;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(113, 124, 180, 0.5);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #eeffff;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #444267;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #444267;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #0f111a;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -2px;
+  border: 2px solid #e2e9e9;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #0f111a;
+}
+
+/*********
+ * 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: #e2e9e9;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(15, 17, 26, 0.95);
+  color: #eeffff;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #e2e9e9;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.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 {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 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: #e2e9e9;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+.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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #292d3e;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #e2e9e9;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.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: #0f111a;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  background-image: none;
+  color: #eeffff;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #0f111a;
+  color: #eeffff;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+#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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #e2e9e9;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #292d3e;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(238, 255, 255, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #eeffff;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(238, 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(238, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(238, 255, 255, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(238, 255, 255, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #232637;
+}
+
+.budgie-panel button {
+  color: rgba(238, 255, 255, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #f07178;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #eeffff;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #eeffff;
+}
+
+.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:not(:checked) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+}
+
+.top frame.raven-frame > border {
+  margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+  margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+  margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+  margin-left: 32px;
+}
+
+.raven {
+  background-color: #292d3e;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.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(238, 255, 255, 0.06);
+  color: #eeffff;
+}
+
+.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: #eeffff;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #232637;
+  color: #eeffff;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #f07178;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #eeffff;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #0f111a;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+#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(238, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+  background-color: #0f111a;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover,
+.nemo-window .primary-toolbar button.text-button:active,
+.nemo-window .primary-toolbar button.text-button:checked {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+  border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #232637;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #676e95;
+  -nemoplacestreeview-disk-full-fg-color: #e2e9e9;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
diff --git a/Material/files/Material/config/DeepOcean-B/gtk-3.0/gtk.css b/Material/files/Material/config/DeepOcean-B/gtk-3.0/gtk.css
new file mode 100644
index 000000000..4d40de0f6
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/gtk-3.0/gtk.css
@@ -0,0 +1,11470 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #0f111a;
+/* text widgets and the like base background color */
+@define-color theme_base_color #0f111a;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f111a;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #232637;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #0f111a;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #0f111a;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #0f111a;
+@define-color wm_unfocused_bg #0f111a;
+@define-color wm_button_close_icon #0f111a;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #0f111a;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #0f111a;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #0f111a;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #0f111a;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #0f111a;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #0f111a;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #0f111a;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #0f111a;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #e2e9e9 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #e2e9e9 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #f07178;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #e2e9e9;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #eeffff;
+  background-color: #464b5d;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #232637;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #0f111a;
+}
+
+textview border {
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+.dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #f07178;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #0f111a;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #eeffff;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(154, 165, 206, 0.9);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(154, 165, 206, 0.7);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.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;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar 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.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+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 {
+  color: #89ddff;
+}
+
+*:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #0f111a;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+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(238, 255, 255, 0.12);
+  background-color: #232637;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+  color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar stackswitcher {
+  border: 2px solid #e2e9e9;
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: #0f111a;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.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 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.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: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 10px 20px;
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 20px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #0f111a;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+  background-color: #292d3e;
+  color: #84ffff;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(238, 255, 255, 0.3);
+  border-top-color: rgba(238, 255, 255, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(238, 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: #eeffff;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #0f111a;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #292d3e;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 2px solid #e2e9e9;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #eeffff;
+  font: initial;
+  font-weight: 500;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #3b3f51;
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-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),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #464b5d;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+  margin-top: 8px;
+  margin-bottom: -12px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #eeffff;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+  margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 2px solid #676e95;
+  box-shadow: none;
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #292d3e;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #232637;
+  color: #84ffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: transparent;
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: transparent;
+}
+
+scrollbar.bottom {
+  border-bottom: transparent;
+}
+
+scrollbar.left {
+  border-bottom: transparent;
+}
+
+scrollbar.right {
+  border-bottom: transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 4px;
+  min-height: 4px;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 2px;
+  min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 2px;
+  min-height: 2px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+  background-color: transparent;
+  color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked slider {
+  background-color: #0f111a;
+  color: #0f111a;
+}
+
+/*************************
+ * 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;
+}
+
+.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;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -8px;
+  padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #e2e9e9;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+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:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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;
+}
+
+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(238, 255, 255, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+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')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #eeffff;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #e2e9e9;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+  border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #0f111a;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #ffcb6b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms 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(238, 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: #eeffff;
+}
+
+expander title > arrow:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #292d3e;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+.csd filechooser {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #0f111a;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(238, 255, 255, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.12)),
+    image(rgba(238, 255, 255, 0.12));
+  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;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #0f111a;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip * {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #e2e9e9;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #0f111a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 14px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 16px transparent;
+  border: 2px solid #84ffff;
+  background-clip: border-box;
+  margin: 8px;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 16px transparent;
+  border: 2px solid #464b5d;
+  background-clip: border-box;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+  border-radius: 0;
+  border: none;
+}
+
+.popup decoration {
+  box-shadow: none;
+}
+
+.ssd decoration {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #84ffff;
+  border: none;
+  border-radius: 12px 12px 0 0;
+}
+
+.ssd decoration:backdrop {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #464b5d;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  border: 2px solid #676e95;
+  background-clip: border-box;
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.csd decoration {
+  border-radius: 12px;
+  border: none;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  border: 2px solid #e2e9e9;
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #0f111a;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close {
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:active {
+  background-color: #ffcb6b;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active {
+  background-color: shade(#ffcb6b, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:active {
+  background-color: #c3e88d;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+  background-color: shade(#c3e88d, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+  background-color: #f07178;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+  background-color: shade(#f07178, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop {
+  background-color: #464b5d;
+  color: transparent;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.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(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #e2e9e9;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#e2e9e9, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#e2e9e9, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #0f111a;
+  color: #e2e9e9;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #232637;
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #232637;
+  font-weight: 700;
+  border-left: 3px solid #f07178;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #84ffff;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #232637;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #eeffff;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #84ffff;
+  background-color: #232637;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+  color: #84ffff;
+  background-color: #232637;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #232637;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #84ffff;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #e2e9e9;
+  color: #e2e9e9;
+}
+
+.disk-space-display.free {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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 {
+  margin: -6px 0 0 -6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > label {
+  margin: 0 8px;
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > box
+  > button {
+  border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+  padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+  margin-top: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box {
+  margin-bottom: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box.linked {
+  margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+  margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #232637;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #232637;
+}
+
+.gedit-document-panel row button.flat {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #292d3e;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > 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;
+}
+
+/**********
+ * Tweaks *
+ **********/
+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,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > 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 list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > 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 list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > 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 list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #292d3e;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > 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
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+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
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#eeffff,
+.tweak-#eeffff,
+.tweak-#eeffff:hover {
+  background-image: image(#0f111a);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#0f111a);
+}
+
+.tweak-group-startup {
+  background-image: image(#0f111a);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > 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: #0f111a;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > 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 > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #0f111a;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > 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;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #0f111a;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#0f111a);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #e2e9e9;
+  background-color: #0f111a;
+}
+
+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(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #0f111a;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #232637;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #e2e9e9 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+docktab:checked {
+  transition: all 75ms 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 #e2e9e9;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+dockoverlayedge {
+  background-color: #0f111a;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+pillbox {
+  background-color: #0f111a;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #0f111a;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.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: #eeffff;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #0f111a;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(226, 233, 233, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #eeffff;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #eeffff;
+}
+
+button.photos-filter-preview:checked image {
+  color: #eeffff;
+}
+
+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;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#232637);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#e2e9e9);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #0f111a;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #0f111a;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  padding: 0 2px 3px 2px;
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+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: 12px;
+}
+
+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: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#232637);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #232637;
+  color: #eeffff;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  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: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #eeffff;
+  background-color: #0f111a;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #0f111a;
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * 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,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #0f111a;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified headerbar.selection-mode {
+  box-shadow: none;
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+  border: none;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #84ffff, 0 0 16px transparent;
+}
+
+window.background.csd.unified:backdrop,
+window.background.csd.unified > decoration:backdrop,
+window.background.csd.unified > decoration-overlay:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #464b5d, 0 0 16px transparent;
+}
+
+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;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+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(#292d3e);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+window > notebook > stack {
+  margin: 0 3px 3px 3px;
+}
+
+window > notebook {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #0f111a;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #292d3e;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #444267;
+}
+
+window.background.chromium > button {
+  color: #e2e9e9;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #e2e9e9;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #444267;
+  background-color: #0f111a;
+}
+
+window.background.chromium menu {
+  border-color: #515772;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #0f111a;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #e2e9e9;
+  box-shadow: inset 0 0 0 1px #e2e9e9;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #232637;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #717cb4;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #8da3ca;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(113, 124, 180, 0.5);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #eeffff;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #444267;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #444267;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #0f111a;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -2px;
+  border: 2px solid #e2e9e9;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #0f111a;
+}
+
+/*********
+ * 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: #e2e9e9;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(15, 17, 26, 0.95);
+  color: #eeffff;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #e2e9e9;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.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 {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 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: #e2e9e9;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+.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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #292d3e;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #e2e9e9;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.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: #0f111a;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  background-image: none;
+  color: #eeffff;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #0f111a;
+  color: #eeffff;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+#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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #e2e9e9;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #292d3e;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(238, 255, 255, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #eeffff;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(238, 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(238, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(238, 255, 255, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(238, 255, 255, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #232637;
+}
+
+.budgie-panel button {
+  color: rgba(238, 255, 255, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #f07178;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #eeffff;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #eeffff;
+}
+
+.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:not(:checked) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+}
+
+.top frame.raven-frame > border {
+  margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+  margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+  margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+  margin-left: 32px;
+}
+
+.raven {
+  background-color: #292d3e;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.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(238, 255, 255, 0.06);
+  color: #eeffff;
+}
+
+.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: #eeffff;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #232637;
+  color: #eeffff;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #f07178;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #eeffff;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #0f111a;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+#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(238, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+  background-color: #0f111a;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover,
+.nemo-window .primary-toolbar button.text-button:active,
+.nemo-window .primary-toolbar button.text-button:checked {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+  border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #232637;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #676e95;
+  -nemoplacestreeview-disk-full-fg-color: #e2e9e9;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
diff --git a/Material/files/Material/config/DeepOcean-B/gtk-3.0/thumbnail.png b/Material/files/Material/config/DeepOcean-B/gtk-3.0/thumbnail.png
new file mode 100644
index 000000000..0e4358002
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/gtk-3.0/thumbnail.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/gtk-4.0/gtk-dark.css b/Material/files/Material/config/DeepOcean-B/gtk-4.0/gtk-dark.css
new file mode 100644
index 000000000..e30ac028a
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/gtk-4.0/gtk-dark.css
@@ -0,0 +1,7011 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #0f111a;
+/* text widgets and the like base background color */
+@define-color theme_base_color #0f111a;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f111a;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #232637;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #0f111a;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #0f111a;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #0f111a;
+@define-color wm_unfocused_bg #0f111a;
+@define-color wm_button_close_icon #0f111a;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #0f111a;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #0f111a;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #0f111a;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #0f111a;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #0f111a;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #0f111a;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #0f111a;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #0f111a;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+dnd {
+  color: #eeffff;
+}
+
+.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 {
+  color: #eeffff;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+textview text {
+  background-color: #0f111a;
+}
+
+textview border {
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #eeffff;
+  background-color: #0f111a;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+label.search-information {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(238, 255, 255, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #eeffff;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * 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 {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+  padding: 2px 12px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #0f111a;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 0%,
+      rgba(226, 233, 233, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 95%,
+      rgba(226, 233, 233, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+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,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+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,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+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,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+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,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+button.osd:hover {
+  background-color: #444267;
+  color: #eeffff;
+}
+
+button.osd:active {
+  background-color: #1a1c25;
+  color: #eeffff;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #e2e9e9;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #ff7043;
+  box-shadow: inset 0 0 0 1px #ff7043;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+menubutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+menubutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+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.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+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: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 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: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(238, 255, 255, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+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: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+splitbutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+splitbutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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;
+}
+
+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) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #89ddff;
+}
+
+link:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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: 9px;
+  padding-right: 9px;
+}
+
+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 popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #0f111a;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.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 {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #eeffff;
+}
+
+headerbar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+  color: #eeffff;
+  box-shadow: none;
+}
+
+headerbar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+  border: 2px solid #e2e9e9;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+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');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.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: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #0f111a
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(226, 233, 233, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #0f111a
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#0f111a);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #444267;
+  border-top-color: #444267;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #e2e9e9;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #0f111a;
+}
+
+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(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #eeffff;
+}
+
+menubar:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > item:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+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;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #292d3e;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #eeffff;
+  border: 2px solid #676e95;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: 2px solid #676e95;
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #eeffff;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #3b3f51;
+  color: #84ffff;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+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 label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(238, 255, 255, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #84ffff;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #84ffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+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;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #0f111a;
+  color: #eeffff;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#e2e9e9, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#ff7043, 0.4);
+  background-color: alpha(#ff7043, 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: #e2e9e9;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#e2e9e9, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #eeffff;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  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(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+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(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #0f111a;
+  color: #0f111a;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #eeffff;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #0f111a;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #e2e9e9;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #0f111a;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -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'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(238, 255, 255, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #232637 49.99%, #eeffff 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #eeffff;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #eeffff;
+  background-image: image(#232637);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #0f111a;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #ffcb6b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #eeffff;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  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(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #eeffff;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(238, 255, 255, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #e2e9e9;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #eeffff;
+}
+
+expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #292d3e;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: 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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #292d3e;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+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 {
+  color: inherit;
+}
+
+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 {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#444267);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #0f111a;
+  background-image: image(#444267), image(#444267);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #232637;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #eeffff;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #292d3e;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #eeffff;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #292d3e;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #0f111a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #84ffff, 0 0 16px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #464b5d, 0 0 16px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #0f111a;
+  border: 2px solid #e2e9e9;
+}
+
+window.solid-csd:backdrop {
+  background-color: #0f111a;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 9999px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols
+  button.minimize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.maximize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action)
+  image {
+  padding: 0;
+}
+
+windowcontrols
+  button.minimize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#ffcb6b, 0.5);
+}
+
+windowcontrols
+  button.maximize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#c3e88d, 0.5);
+}
+
+windowcontrols
+  button.close:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#f07178, 0.5);
+}
+
+windowcontrols
+  button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #ffcb6b;
+}
+
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #c3e88d;
+}
+
+windowcontrols button.close:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #f07178;
+}
+
+button.titlebutton.close:backdrop,
+button.titlebutton.maximize:backdrop,
+button.titlebutton.minimize:backdrop,
+windowcontrols > button.close:backdrop,
+windowcontrols > button.maximize:backdrop,
+windowcontrols > button.minimize:backdrop {
+  background-color: #464b5d;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #e2e9e9;
+  background-color: #3b3f51;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #e2e9e9;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #0f111a;
+}
+
+.nautilus-window:backdrop {
+  background-color: #0f111a;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 2em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #232637;
+  font-weight: 700;
+  border-left: 3px solid #f07178;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #84ffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #0f111a;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #232637;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #232637;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #84ffff;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #0f111a;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+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 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(238, 255, 255, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 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: #eb4b3d;
+  background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #eeffff;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.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(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #0f111a;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #e2e9e9;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+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: #eeffff;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+  background-color: #0f111a;
+  color: rgba(238, 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: 34px;
+}
+
+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(238, 255, 255, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #e2e9e9;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+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;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #e2e9e9;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 119px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #e2e9e9;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+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;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+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: #eeffff;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #e2e9e9;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/config/DeepOcean-B/gtk-4.0/gtk.css b/Material/files/Material/config/DeepOcean-B/gtk-4.0/gtk.css
new file mode 100644
index 000000000..5cbf035cd
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/gtk-4.0/gtk.css
@@ -0,0 +1,7011 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #0f111a;
+/* text widgets and the like base background color */
+@define-color theme_base_color #0f111a;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f111a;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #232637;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #0f111a;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #0f111a;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #0f111a;
+@define-color wm_unfocused_bg #0f111a;
+@define-color wm_button_close_icon #0f111a;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #0f111a;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #0f111a;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #0f111a;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #0f111a;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #0f111a;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #0f111a;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #0f111a;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #0f111a;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+dnd {
+  color: #eeffff;
+}
+
+.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 {
+  color: #eeffff;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+textview text {
+  background-color: #0f111a;
+}
+
+textview border {
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #eeffff;
+  background-color: #0f111a;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+label.search-information {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(238, 255, 255, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #eeffff;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * 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 {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+  padding: 2px 12px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #0f111a;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 0%,
+      rgba(226, 233, 233, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 95%,
+      rgba(226, 233, 233, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+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,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+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,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+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,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+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,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+button.osd:hover {
+  background-color: #444267;
+  color: #eeffff;
+}
+
+button.osd:active {
+  background-color: #1a1c25;
+  color: #eeffff;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #e2e9e9;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #ff7043;
+  box-shadow: inset 0 0 0 1px #ff7043;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+menubutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+menubutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+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.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+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: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 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: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(238, 255, 255, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+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: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+splitbutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+splitbutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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;
+}
+
+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) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #89ddff;
+}
+
+link:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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: 9px;
+  padding-right: 9px;
+}
+
+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 popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #0f111a;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.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 {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #eeffff;
+}
+
+headerbar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+  color: #eeffff;
+  box-shadow: none;
+}
+
+headerbar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+  border: 2px solid #e2e9e9;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+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');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.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: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #0f111a
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(226, 233, 233, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #0f111a
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#0f111a);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #444267;
+  border-top-color: #444267;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #e2e9e9;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #0f111a;
+}
+
+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(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #eeffff;
+}
+
+menubar:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > item:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+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;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #292d3e;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #eeffff;
+  border: 2px solid #676e95;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: 2px solid #676e95;
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #eeffff;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #3b3f51;
+  color: #84ffff;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+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 label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(238, 255, 255, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #84ffff;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #84ffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+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;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #0f111a;
+  color: #eeffff;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#e2e9e9, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#ff7043, 0.4);
+  background-color: alpha(#ff7043, 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: #e2e9e9;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#e2e9e9, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #eeffff;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  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(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+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(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #0f111a;
+  color: #0f111a;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #eeffff;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #0f111a;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #e2e9e9;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #0f111a;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -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'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(238, 255, 255, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #232637 49.99%, #eeffff 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #eeffff;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #eeffff;
+  background-image: image(#232637);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #0f111a;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #ffcb6b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #eeffff;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  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(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #eeffff;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(238, 255, 255, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #e2e9e9;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #eeffff;
+}
+
+expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #292d3e;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: 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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #292d3e;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+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 {
+  color: inherit;
+}
+
+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 {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#444267);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #0f111a;
+  background-image: image(#444267), image(#444267);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #232637;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #eeffff;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #292d3e;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #eeffff;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #292d3e;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #0f111a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #84ffff, 0 0 16px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #464b5d, 0 0 16px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #0f111a;
+  border: 2px solid #e2e9e9;
+}
+
+window.solid-csd:backdrop {
+  background-color: #0f111a;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 9999px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols
+  button.minimize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.maximize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action)
+  image {
+  padding: 0;
+}
+
+windowcontrols
+  button.minimize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#ffcb6b, 0.5);
+}
+
+windowcontrols
+  button.maximize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#c3e88d, 0.5);
+}
+
+windowcontrols
+  button.close:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#f07178, 0.5);
+}
+
+windowcontrols
+  button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #ffcb6b;
+}
+
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #c3e88d;
+}
+
+windowcontrols button.close:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #f07178;
+}
+
+button.titlebutton.close:backdrop,
+button.titlebutton.maximize:backdrop,
+button.titlebutton.minimize:backdrop,
+windowcontrols > button.close:backdrop,
+windowcontrols > button.maximize:backdrop,
+windowcontrols > button.minimize:backdrop {
+  background-color: #464b5d;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #e2e9e9;
+  background-color: #3b3f51;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #e2e9e9;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #0f111a;
+}
+
+.nautilus-window:backdrop {
+  background-color: #0f111a;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 2em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #232637;
+  font-weight: 700;
+  border-left: 3px solid #f07178;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #84ffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #0f111a;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #232637;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #232637;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #84ffff;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #0f111a;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+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 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(238, 255, 255, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 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: #eb4b3d;
+  background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #eeffff;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.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(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #0f111a;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #e2e9e9;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+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: #eeffff;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+  background-color: #0f111a;
+  color: rgba(238, 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: 34px;
+}
+
+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(238, 255, 255, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #e2e9e9;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+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;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #292d3e;
+  color: #84ffff;
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #e2e9e9;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 119px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #e2e9e9;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+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;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+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: #eeffff;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #e2e9e9;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/config/DeepOcean-B/gtk-4.0/thumbnail.png b/Material/files/Material/config/DeepOcean-B/gtk-4.0/thumbnail.png
new file mode 100644
index 000000000..0e4358002
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/gtk-4.0/thumbnail.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/metacity-theme-1.xml b/Material/files/Material/config/DeepOcean-B/metacity-1/metacity-theme-1.xml
new file mode 100644
index 000000000..fbff25cf8
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/metacity-theme-1.xml
@@ -0,0 +1,1693 @@
+<?xml version="1.0"?>
+<metacity_theme>
+  <info>
+    <name>Material Deep Ocean</name>
+    <author>Vince Liuice mod fkorpsvart</author>
+    <copyright>GPL-3.0+</copyright>
+    <date>2022.04.14</date>
+    <description>Material Deep Ocean Metacity Theme</description>
+  </info>
+
+  <!-- CONSTANTS -->
+  <constant name="C_titlebar" value="#373737" />
+  <constant name="C_titlebar_unfocused" value="#373737" />
+  <constant name="C_border_focused" value="#373737" />
+  <constant name="C_border_unfocused" value="#373737" />
+  <constant name="C_title_focused" value="#f5f5f5" />
+  <constant name="C_title_unfocused" value="#dedede" />
+
+  <constant name="C_wm_button_background" value="#dedede" />
+  <constant name="C_wm_button_foreground" value="#dedede" />
+  <constant name="C_wm_button_unfocused" value="#888888" />
+
+  <constant name="C_close_button" value="#f5685d" />
+  <constant name="C_maximize_button" value="#a1ce6d" />
+  <constant name="C_restore_button" value="#feee61" />
+  <constant name="C_minimize_button" value="#feee61" />
+
+  <!-- GEOMETRY -->
+
+  <!-- Focused window -->
+  <frame_geometry name="normal" title_scale="medium" rounded_top_left="2" rounded_top_right="2">
+    <distance name="left_width" value="5" />
+    <distance name="right_width" value="5" />
+    <distance name="bottom_height" value="5" />
+    <distance name="left_titlebar_edge" value="10" />
+    <distance name="right_titlebar_edge" value="10" />
+    <distance name="title_vertical_pad" value="6" />
+    <aspect_ratio name="button" value="1.0" />
+    <border name="title_border" left="10" right="10" top="10" bottom="10" />
+    <border name="button_border" left="2" right="2" top="10" bottom="10" />
+  </frame_geometry>
+
+  <!-- Unfocused window -->
+  <frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="2" rounded_top_right="2" parent="normal">
+    <distance name="left_width" value="5" />
+    <distance name="right_width" value="5" />
+    <distance name="bottom_height" value="5" />
+    <distance name="left_titlebar_edge" value="12" />
+    <distance name="right_titlebar_edge" value="12" />
+    <distance name="title_vertical_pad" value="6" />
+    <aspect_ratio name="button" value="1.0" />
+    <border name="title_border" left="10" right="10" top="10" bottom="10" />
+    <border name="button_border" left="2" right="2" top="10" bottom="10" />
+  </frame_geometry>
+
+  <!-- Maximized window -->
+  <frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+    <distance name="title_vertical_pad" value="4" />
+    <border name="title_border" left="4" right="4" top="4" bottom="4" />
+    <border name="button_border" left="0" right="0" top="4" bottom="4" />
+  </frame_geometry>
+
+  <!-- Left tiled window -->
+  <frame_geometry name="tiled_left" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max">
+    <distance name="right_width" value="0" />
+  </frame_geometry>
+
+  <!-- Right tiled window -->
+  <frame_geometry name="tiled_right" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max">
+    <distance name="left_width" value="0" />
+  </frame_geometry>
+
+  <!-- Small window -->
+  <frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="false" rounded_top_right="false">
+    <distance name="title_vertical_pad" value="4" />
+    <border name="title_border" left="4" right="4" top="0" bottom="0" />
+    <border name="button_border" left="0" right="0" top="0" bottom="0" />
+  </frame_geometry>
+
+  <!-- Small unfocused window -->
+  <frame_geometry name="small_unfocused" parent="small">
+    <distance name="left_titlebar_edge" value="5" />
+    <distance name="right_titlebar_edge" value="5" />
+  </frame_geometry>
+
+  <!-- No buttons -->
+  <frame_geometry name="nobuttons" hide_buttons="true" parent="normal"></frame_geometry>
+
+  <!-- Border -->
+  <frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
+    <distance name="left_width" value="1" />
+    <distance name="right_width" value="1" />
+    <distance name="bottom_height" value="1" />
+    <distance name="title_vertical_pad" value="1" />
+    <border name="title_border" left="10" right="10" top="0" bottom="0" />
+    <border name="button_border" left="0" right="0" top="0" bottom="0" />
+  </frame_geometry>
+
+  <!-- Borderless -->
+  <frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+    <distance name="title_vertical_pad" value="8" />
+    <border name="title_border" left="0" right="0" top="0" bottom="0" />
+    <border name="button_border" left="0" right="0" top="0" bottom="0" />
+  </frame_geometry>
+
+  <!-- Modal -->
+  <frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="small">
+    <distance name="title_vertical_pad" value="5" />
+  </frame_geometry>
+
+  <frame_geometry name="attached" title_scale="medium" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="normal">
+    <distance name="title_vertical_pad" value="8" />
+    <distance name="bottom_height" value="1" />
+    <distance name="left_width" value="1" />
+    <distance name="right_width" value="1" />
+  </frame_geometry>
+
+
+  <!-- TITLES -->
+
+  <!-- Title alignment -->
+  <draw_ops name="title_focused">
+    <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="title_unfocused">
+    <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- WINDOW DECORATIONS -->
+  <draw_ops name="entire_background_focused">
+    <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="entire_background_unfocused">
+    <include name="entire_background_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_fill_focused">
+    <rectangle color="C_titlebar" x="4" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_fill_attached_focused">
+    <include name="entire_background_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_fill_unfocused">
+    <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_focused">
+    <include name="titlebar_fill_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_attached_focused">
+    <!-- titlebar for attached and modal dialogs -->
+    <include name="titlebar_fill_attached_focused" />
+  </draw_ops>
+
+  <draw_ops name="rounded_titlebar_focused">
+    <include name="titlebar_fill_focused" />
+  </draw_ops>
+
+  <draw_ops name="border_focused">
+    <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" />
+  </draw_ops>
+
+  <draw_ops name="border_unfocused">
+    <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" />
+  </draw_ops>
+
+  <draw_ops name="rounded_border_focused">
+    <line color="C_border_focused" x1="2" y1="0" x2="width-3" y2="0" />
+    <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" />
+    <line color="C_border_focused" x1="0" y1="2" x2="0" y2="height-2" />
+    <line color="C_border_focused" x1="width-1" y1="2" x2="width-1" y2="height-2" />
+    <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" />
+    <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" />
+    <!-- double arcs for darker borders -->
+    <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" />
+    <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="rounded_border_unfocused">
+    <line color="C_border_unfocused" x1="2" y1="0" x2="width-3" y2="0" />
+    <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" />
+    <line color="C_border_unfocused" x1="0" y1="2" x2="0" y2="height-2" />
+    <line color="C_border_unfocused" x1="width-1" y1="2" x2="width-1" y2="height-2" />
+    <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" />
+    <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" />
+    <!-- double arcs for darker borders -->
+    <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" />
+    <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="border_right_focused">
+    <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_focused" />
+  </draw_ops>
+
+  <draw_ops name="border_right_unfocused">
+    <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="border_left_focused">
+    <line x1="0" y1="0" x2="0" y2="height" color="C_border_focused" />
+  </draw_ops>
+
+  <draw_ops name="border_left_unfocused">
+    <line x1="0" y1="0" x2="0" y2="height" color="C_border_unfocused" />
+  </draw_ops>
+
+  <!-- ::: BUTTON ICONS ::: -->
+  <!-- note: negative values in x or y causes gnome-shell to crash -->
+  <!-- close icon -->
+  <draw_ops name="close_focused">
+    <image filename="titlebuttons/titlebutton-close.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_prelight">
+    <image filename="titlebuttons/titlebutton-close-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_pressed">
+    <image filename="titlebuttons/titlebutton-close-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-close-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-close-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- maximize icon -->
+  <draw_ops name="maximize_focused">
+    <image filename="titlebuttons/titlebutton-maximize.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_prelight">
+    <image filename="titlebuttons/titlebutton-maximize-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_pressed">
+    <image filename="titlebuttons/titlebutton-maximize-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-maximize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-maximize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- unmaximize icon -->
+  <draw_ops name="unmaximize_focused">
+    <image filename="titlebuttons/titlebutton-maximize.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_prelight">
+    <image filename="titlebuttons/titlebutton-unmaximize-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_pressed">
+    <image filename="titlebuttons/titlebutton-unmaximize-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-unmaximize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-unmaximize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- minimize icon -->
+  <draw_ops name="minimize_focused">
+    <image filename="titlebuttons/titlebutton-minimize.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_prelight">
+    <image filename="titlebuttons/titlebutton-minimize-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_pressed">
+    <image filename="titlebuttons/titlebutton-minimize-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-minimize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-minimize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- Menu icon -->
+  <draw_ops name="menu_focused">
+    <image filename="titlebuttons/titlebutton-menu.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_focused_prelight">
+    <image filename="titlebuttons/titlebutton-menu-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_focused_pressed">
+    <image filename="titlebuttons/titlebutton-menu-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-menu-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-menu-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- shade icon -->
+  <draw_ops name="shade_focused">
+    <image filename="titlebuttons/titlebutton-shade.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_prelight">
+    <image filename="titlebuttons/titlebutton-shade-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_pressed">
+    <image filename="titlebuttons/titlebutton-shade-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-shade-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-shade-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- unshade icon -->
+  <draw_ops name="unshade_focused">
+    <image filename="titlebuttons/titlebutton-unshade.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_prelight">
+    <image filename="titlebuttons/titlebutton-unshade-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_pressed">
+    <image filename="titlebuttons/titlebutton-unshade-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-unshade-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-unshade-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+
+  <!-- FRAME STYLES -->
+  <frame_style name="normal_focused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="rounded_titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="rounded_border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_unfocused" geometry="normal_unfocused">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="rounded_border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_focused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_unfocused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_shaded_focused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay">
+      <draw_ops>
+        <line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" />
+      </draw_ops>
+    </piece>
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_shaded_unfocused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay">
+      <draw_ops>
+        <line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" />
+      </draw_ops>
+    </piece>
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="dialog_focused" geometry="nobuttons">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="rounded_titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="rounded_border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="dialog_unfocused" geometry="nobuttons">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="rounded_border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="modal_dialog_focused" geometry="modal">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_attached_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="modal_dialog_unfocused" geometry="modal">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="utility_focused" geometry="small">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="utility_unfocused" geometry="small_unfocused">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="border_focused" geometry="border">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="overlay" draw_ops="border_focused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="border_unfocused" geometry="border">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="overlay" draw_ops="border_unfocused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="borderless" geometry="borderless">
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="attached_focused" geometry="attached">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_attached_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_focused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="attached_unfocused" geometry="attached">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_attached_focused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_unfocused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_left_focused" geometry="tiled_left">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_right_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_left_unfocused" geometry="tiled_left">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_right_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_right_focused" geometry="tiled_right">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_left_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_right_unfocused" geometry="tiled_right">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_left_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <!-- placeholder for unimplementated styles-->
+  <frame_style name="blank" geometry="normal">
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <!-- FRAME STYLE SETS -->
+  <frame_style_set name="normal_style_set">
+    <frame focus="yes" state="normal" resize="both" style="normal_focused" />
+    <frame focus="no" state="normal" resize="both" style="normal_unfocused" />
+    <frame focus="yes" state="maximized" style="normal_max_focused" />
+    <frame focus="no" state="maximized" style="normal_max_unfocused" />
+    <frame focus="yes" state="shaded" style="normal_focused" />
+    <frame focus="no" state="shaded" style="normal_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" />
+    <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" />
+  </frame_style_set>
+
+  <frame_style_set name="dialog_style_set">
+    <frame focus="yes" state="normal" resize="both" style="dialog_focused" />
+    <frame focus="no" state="normal" resize="both" style="dialog_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="dialog_focused" />
+    <frame focus="no" state="shaded" style="dialog_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="modal_dialog_style_set">
+    <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" />
+    <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="modal_dialog_focused" />
+    <frame focus="no" state="shaded" style="modal_dialog_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="utility_style_set">
+    <frame focus="yes" state="normal" resize="both" style="utility_focused" />
+    <frame focus="no" state="normal" resize="both" style="utility_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="utility_focused" />
+    <frame focus="no" state="shaded" style="utility_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="border_style_set">
+    <frame focus="yes" state="normal" resize="both" style="border_focused" />
+    <frame focus="no" state="normal" resize="both" style="border_unfocused" />
+    <frame focus="yes" state="maximized" style="borderless" />
+    <frame focus="no" state="maximized" style="borderless" />
+    <frame focus="yes" state="shaded" style="blank" />
+    <frame focus="no" state="shaded" style="blank" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <!-- WINDOWS -->
+  <window type="normal" style_set="normal_style_set" />
+  <window type="dialog" style_set="dialog_style_set" />
+  <window type="modal_dialog" style_set="modal_dialog_style_set" />
+  <window type="menu" style_set="utility_style_set" />
+  <window type="utility" style_set="utility_style_set" />
+  <window type="border" style_set="border_style_set" />
+
+</metacity_theme>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/metacity-theme-2.xml b/Material/files/Material/config/DeepOcean-B/metacity-1/metacity-theme-2.xml
new file mode 120000
index 000000000..84bdbf0a7
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/metacity-theme-2.xml
@@ -0,0 +1 @@
+metacity-theme-1.xml
\ No newline at end of file
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/metacity-theme-3.xml b/Material/files/Material/config/DeepOcean-B/metacity-1/metacity-theme-3.xml
new file mode 100644
index 000000000..b06113c30
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/metacity-theme-3.xml
@@ -0,0 +1,1682 @@
+<?xml version="1.0"?>
+<metacity_theme>
+  <info>
+    <name>Material Deep Ocean</name>
+    <author>Vince Liuice mod fkorpsvart</author>
+    <copyright>GPL-3.0+</copyright>
+    <date>2022.04.14</date>
+    <description>Material Deep Ocean Metacity Theme</description>
+  </info>
+
+  <!-- ::: CONSTANTS ::: -->
+  <constant name="C_titlebar_gradient_a" value="gtk:custom(titlebar_gradient_a,shade/gtk:bg[NORMAL]/1.07)" />
+  <constant name="C_titlebar_gradient_b" value="gtk:custom(titlebar_gradient_b,gtk:bg[NORMAL])" />
+  <constant name="C_border_focused" value="gtk:custom(wm_border_focused,shade/gtk:bg[NORMAL]/0.65)" />
+  <constant name="C_border_unfocused" value="gtk:custom(wm_border_unfocused,shade/gtk:bg[NORMAL]/0.75)" />
+  <constant name="C_title_focused" value="gtk:custom(wm_title_focused,blend/gtk:fg[NORMAL]/gtk:bg[NORMAL]/0.3)" />
+  <constant name="C_title_focused_shadow" value="gtk:custom(wm_title_focused_shadow,shade/gtk:bg[NORMAL]/1.1)" />
+  <constant name="C_title_unfocused" value="gtk:custom(wm_title_unfocused,blend/gtk:fg[NORMAL]/gtk:bg[NORMAL]/0.6)" />
+  <constant name="C_title_unfocused_shadow" value="gtk:custom(wm_title_unfocused_shadow,shade/gtk:bg[NORMAL]/1.05)" />
+  <constant name="C_background" value="gtk:bg[NORMAL]" />
+  <constant name="C_highlight" value="gtk:custom(wm_highlight,gtk:base[NORMAL])" />
+
+  <!-- ::: GEOMETRY ::: -->
+  <frame_geometry name="normal" title_scale="medium" rounded_top_left="10" rounded_top_right="10">
+    <distance name="left_width" value="5" />
+    <distance name="right_width" value="5" />
+    <distance name="bottom_height" value="5" />
+    <distance name="left_titlebar_edge" value="10" />
+    <distance name="right_titlebar_edge" value="10" />
+    <distance name="title_vertical_pad" value="6" />
+    <aspect_ratio name="button" value="1.0" />
+    <border name="title_border" left="10" right="10" top="10" bottom="10" />
+    <border name="button_border" left="2" right="2" top="10" bottom="10" />
+  </frame_geometry>
+
+  <frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="10" rounded_top_right="10" parent="normal" />
+
+  <frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+  </frame_geometry>
+
+  <frame_geometry name="tiled_left" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max">
+    <distance name="right_width" value="1" />
+  </frame_geometry>
+
+  <frame_geometry name="tiled_right" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max">
+    <distance name="left_width" value="1" />
+  </frame_geometry>
+
+  <frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="false" rounded_top_right="false">
+    <distance name="title_vertical_pad" value="0" />
+    <border name="title_border" left="16" right="16" top="0" bottom="0" />
+    <border name="button_border" left="2" right="2" top="0" bottom="0" />
+  </frame_geometry>
+
+  <frame_geometry name="small_unfocused" parent="small">
+    <distance name="left_titlebar_edge" value="1" />
+    <distance name="right_titlebar_edge" value="1" />
+  </frame_geometry>
+
+  <frame_geometry name="nobuttons" hide_buttons="false" parent="normal" />
+
+  <frame_geometry name="border" has_title="false" rounded_top_left="8" rounded_top_right="8" parent="normal">
+    <distance name="left_width" value="1" />
+    <distance name="right_width" value="1" />
+    <distance name="bottom_height" value="1" />
+    <distance name="title_vertical_pad" value="0" />
+    <border name="title_border" left="16" right="16" top="0" bottom="0" />
+    <border name="button_border" left="2" right="2" top="0" bottom="0" />
+  </frame_geometry>
+
+  <frame_geometry name="borderless" has_title="false" rounded_top_left="8" rounded_top_right="8" parent="normal">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+    <distance name="title_vertical_pad" value="0" />
+    <border name="title_border" left="16" right="16" top="0" bottom="0" />
+    <border name="button_border" left="2" right="2" top="0" bottom="0" />
+  </frame_geometry>
+
+  <frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="8" rounded_top_right="8" rounded_bottom_right="false" rounded_bottom_left="false" parent="small"></frame_geometry>
+
+  <frame_geometry name="attached" title_scale="small" hide_buttons="true" rounded_top_left="8" rounded_top_right="8" parent="small"></frame_geometry>
+
+  <!-- ::: TITLES ::: -->
+  <draw_ops name="title_focused">
+    <title version="< 3.1" x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" color="C_title_focused_shadow" />
+    <title version="< 3.1" x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_focused" />
+    <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" ellipsize_width="width" color="C_title_focused_shadow" />
+    <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" y="(0 `max` ((height - title_height) / 2))" ellipsize_width="width" color="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="title_unfocused">
+    <title version="< 3.1" x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" color="C_title_unfocused_shadow" />
+    <title version="< 3.1" x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_unfocused" />
+    <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" ellipsize_width="width" color="C_title_unfocused_shadow" />
+    <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" y="(0 `max` ((height - title_height) / 2))" ellipsize_width="width" color="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- ::: WINDOW DECORATIONS ::: -->
+  <draw_ops name="entire_background_focused">
+    <rectangle color="C_titlebar_gradient_b" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="entire_background_unfocused">
+    <include name="entire_background_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_fill_focused">
+    <gradient type="vertical" x="0" y="0" width="width" height="title_height">
+      <color value="C_titlebar_gradient_a" />
+      <color value="C_titlebar_gradient_b" />
+    </gradient>
+  </draw_ops>
+
+  <draw_ops name="titlebar_fill_attached_focused">
+    <include name="entire_background_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_fill_unfocused">
+    <gradient type="vertical" x="0" y="0" width="width" height="title_height">
+      <color value="C_titlebar_gradient_a" />
+      <color value="C_titlebar_gradient_b" />
+    </gradient>
+  </draw_ops>
+
+  <draw_ops name="titlebar_focused">
+    <include name="titlebar_fill_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_attached_focused">
+    <!-- titlebar for attached and modal dialogs -->
+    <include name="titlebar_fill_attached_focused" />
+  </draw_ops>
+
+  <draw_ops name="rounded_titlebar_focused">
+    <include name="titlebar_fill_focused" />
+  </draw_ops>
+
+  <draw_ops name="border_focused">
+    <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" />
+  </draw_ops>
+
+  <draw_ops name="border_unfocused">
+    <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" />
+  </draw_ops>
+
+  <draw_ops name="rounded_border_focused">
+    <line color="C_border_focused" x1="12" y1="0" x2="width-13" y2="0" />
+    <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" />
+    <line color="C_border_focused" x1="0" y1="12" x2="0" y2="height-2" />
+    <line color="C_border_focused" x1="width-1" y1="12" x2="width-1" y2="height-2" />
+    <arc color="C_border_focused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" />
+    <arc color="C_border_focused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" />
+    <!-- double arcs for darker borders -->
+    <arc color="C_border_focused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" />
+    <arc color="C_border_focused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" />
+    <line color="C_highlight" x1="13" y1="1" x2="width - 14" y2="1" />
+    <arc color="C_highlight" x="0" y="1" width="25" height="25" start_angle="270" extent_angle="90" />
+    <arc color="C_highlight" x="width - 26" y="1" width="25" height="25" start_angle="0" extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="rounded_border_unfocused">
+    <line color="C_border_unfocused" x1="12" y1="0" x2="width-13" y2="0" />
+    <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" />
+    <line color="C_border_unfocused" x1="0" y1="12" x2="0" y2="height-2" />
+    <line color="C_border_unfocused" x1="width-1" y1="12" x2="width-1" y2="height-2" />
+    <arc color="C_border_unfocused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" />
+    <arc color="C_border_unfocused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" />
+    <!-- double arcs for darker borders -->
+    <arc color="C_border_unfocused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" />
+    <arc color="C_border_unfocused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" />
+    <line color="C_highlight" x1="13" y1="1" x2="width - 14" y2="1" />
+    <arc color="C_highlight" x="0" y="1" width="25" height="25" start_angle="270" extent_angle="90" />
+    <arc color="C_highlight" x="width - 26" y="1" width="25" height="25" start_angle="0" extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="dialog_fill_background">
+    <rectangle color="C_background" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="dialog_background">
+    <rectangle color="C_background" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="border_right_focused">
+    <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_focused" />
+  </draw_ops>
+
+  <draw_ops name="border_right_unfocused">
+    <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="border_left_focused">
+    <line x1="0" y1="0" x2="0" y2="height" color="C_border_focused" />
+  </draw_ops>
+
+  <draw_ops name="border_left_unfocused">
+    <line x1="0" y1="0" x2="0" y2="height" color="C_border_unfocused" />
+  </draw_ops>
+
+  <!-- ::: BUTTON ICONS ::: -->
+  <!-- note: negative values in x or y causes gnome-shell to crash -->
+  <!-- close icon -->
+  <draw_ops name="close_focused">
+    <image filename="titlebuttons/titlebutton-close.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_prelight">
+    <image filename="titlebuttons/titlebutton-close-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_pressed">
+    <image filename="titlebuttons/titlebutton-close-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-close-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-close-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- maximize icon -->
+  <draw_ops name="maximize_focused">
+    <image filename="titlebuttons/titlebutton-maximize.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_prelight">
+    <image filename="titlebuttons/titlebutton-maximize-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_pressed">
+    <image filename="titlebuttons/titlebutton-maximize-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-maximize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-maximize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- unmaximize icon -->
+  <draw_ops name="unmaximize_focused">
+    <image filename="titlebuttons/titlebutton-maximize.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_prelight">
+    <image filename="titlebuttons/titlebutton-unmaximize-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_pressed">
+    <image filename="titlebuttons/titlebutton-unmaximize-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-unmaximize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-unmaximize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- minimize icon -->
+  <draw_ops name="minimize_focused">
+    <image filename="titlebuttons/titlebutton-minimize.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_prelight">
+    <image filename="titlebuttons/titlebutton-minimize-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_pressed">
+    <image filename="titlebuttons/titlebutton-minimize-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-minimize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-minimize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- Menu icon -->
+  <draw_ops name="menu_focused">
+    <image filename="titlebuttons/titlebutton-menu.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_focused_prelight">
+    <image filename="titlebuttons/titlebutton-menu-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_focused_pressed">
+    <image filename="titlebuttons/titlebutton-menu-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-menu-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-menu-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- shade icon -->
+  <draw_ops name="shade_focused">
+    <image filename="titlebuttons/titlebutton-shade.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_prelight">
+    <image filename="titlebuttons/titlebutton-shade-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_pressed">
+    <image filename="titlebuttons/titlebutton-shade-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-shade-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-shade-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- unshade icon -->
+  <draw_ops name="unshade_focused">
+    <image filename="titlebuttons/titlebutton-unshade.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_prelight">
+    <image filename="titlebuttons/titlebutton-unshade-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_pressed">
+    <image filename="titlebuttons/titlebutton-unshade-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-unshade-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-unshade-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- ::: FRAME STYLES ::: -->
+  <frame_style name="normal_focused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="rounded_titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="rounded_border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_unfocused" geometry="normal_unfocused">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="rounded_border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_focused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_unfocused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_shaded_focused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_shaded_unfocused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="dialog_focused" geometry="nobuttons">
+    <piece position="entire_background" draw_ops="dialog_background" />
+    <piece position="titlebar" draw_ops="dialog_fill_background" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="rounded_border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="dialog_unfocused" geometry="nobuttons">
+    <piece position="entire_background" draw_ops="dialog_background" />
+    <piece position="titlebar" draw_ops="dialog_fill_background" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="rounded_border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="modal_dialog_focused" geometry="modal">
+    <piece position="entire_background" draw_ops="dialog_background" />
+    <piece position="titlebar" draw_ops="dialog_fill_background" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="rounded_border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="modal_dialog_unfocused" geometry="modal">
+    <piece position="entire_background" draw_ops="dialog_background" />
+    <piece position="titlebar" draw_ops="dialog_fill_background" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="rounded_border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="utility_focused" geometry="small">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="utility_unfocused" geometry="small_unfocused">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="border_focused" geometry="border">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="overlay" draw_ops="border_focused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="border_unfocused" geometry="border">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="overlay" draw_ops="border_unfocused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="borderless" geometry="borderless">
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="attached_focused" geometry="attached">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_attached_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_focused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="attached_unfocused" geometry="attached">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_attached_focused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_unfocused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_left_focused" geometry="tiled_left">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_right_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_left_unfocused" geometry="tiled_left">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_right_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_right_focused" geometry="tiled_right">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_left_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_right_unfocused" geometry="tiled_right">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_left_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <!-- placeholder for unimplementated styles-->
+  <frame_style name="blank" geometry="normal">
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <!-- ::: FRAME STYLE SETS ::: -->
+  <frame_style_set name="normal_style_set">
+    <frame focus="yes" state="normal" resize="both" style="normal_focused" />
+    <frame focus="no" state="normal" resize="both" style="normal_unfocused" />
+    <frame focus="yes" state="maximized" style="normal_max_focused" />
+    <frame focus="no" state="maximized" style="normal_max_unfocused" />
+    <frame focus="yes" state="shaded" style="normal_focused" />
+    <frame focus="no" state="shaded" style="normal_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" />
+    <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused" />
+  </frame_style_set>
+
+  <frame_style_set name="dialog_style_set">
+    <frame focus="yes" state="normal" resize="both" style="dialog_focused" />
+    <frame focus="no" state="normal" resize="both" style="dialog_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="dialog_focused" />
+    <frame focus="no" state="shaded" style="dialog_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="modal_dialog_style_set">
+    <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" />
+    <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="modal_dialog_focused" />
+    <frame focus="no" state="shaded" style="modal_dialog_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="utility_style_set">
+    <frame focus="yes" state="normal" resize="both" style="utility_focused" />
+    <frame focus="no" state="normal" resize="both" style="utility_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="utility_focused" />
+    <frame focus="no" state="shaded" style="utility_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="border_style_set">
+    <frame focus="yes" state="normal" resize="both" style="border_focused" />
+    <frame focus="no" state="normal" resize="both" style="border_unfocused" />
+    <frame focus="yes" state="maximized" style="borderless" />
+    <frame focus="no" state="maximized" style="borderless" />
+    <frame focus="yes" state="shaded" style="blank" />
+    <frame focus="no" state="shaded" style="blank" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="attached_style_set">
+    <frame focus="yes" state="normal" resize="both" style="attached_focused" />
+    <frame focus="no" state="normal" resize="both" style="attached_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="blank" />
+    <frame focus="no" state="shaded" style="blank" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <!-- ::: WINDOWS ::: -->
+  <window type="normal" style_set="normal_style_set" />
+  <window type="dialog" style_set="dialog_style_set" />
+  <window type="modal_dialog" style_set="modal_dialog_style_set" />
+  <window type="menu" style_set="utility_style_set" />
+  <window type="utility" style_set="utility_style_set" />
+  <window type="border" style_set="border_style_set" />
+  <window version=">= 3.2" type="attached" style_set="attached_style_set" />
+
+</metacity_theme>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/thumbnail.png b/Material/files/Material/config/DeepOcean-B/metacity-1/thumbnail.png
new file mode 100644
index 000000000..f15ae0430
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/metacity-1/thumbnail.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-backdrop.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-backdrop.svg
new file mode 100644
index 000000000..d3ebfca68
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-backdrop.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg11"
+   sodipodi:docname="titlebutton-backdrop.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs15" />
+  <sodipodi:namedview
+     id="namedview13"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g901" />
+  <g
+     id="g901">
+    <rect
+       x="0"
+       y="-1.4648437e-05"
+       width="16"
+       height="16"
+       ry="1.6931001e-05"
+       opacity="0"
+       stroke-width="0.47432"
+       style="paint-order:markers stroke fill"
+       id="rect2" />
+    <g
+       transform="translate(1,1)"
+       enable-background="new"
+       id="g8"
+       style="fill:#1f2233;fill-opacity:1">
+      <g
+         transform="translate(-5,-1033.4)"
+         fill-rule="evenodd"
+         id="g6"
+         style="fill:#1f2233;fill-opacity:1">
+        <path
+           d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+           fill="#5d5d5d"
+           id="path4"
+           style="fill:#1f2233;fill-opacity:1" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-close-active.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-close-active.svg
new file mode 100644
index 000000000..5fe56fe66
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-close-active.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg14"
+   sodipodi:docname="titlebutton-close-active.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs18" />
+  <sodipodi:namedview
+     id="namedview16"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg14" />
+  <g
+     transform="matrix(1.2857103,0,0,1.2857103,-1.0032855,-1.009265)"
+     enable-background="new"
+     id="g8"
+     style="fill:#f07178;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       id="g6"
+       style="fill:#f07178;fill-opacity:1">
+      <g
+         fill-rule="evenodd"
+         id="g4"
+         style="fill:#f07178;fill-opacity:1">
+        <path
+           d="m 12.003,1045.9 c 3.0068,0 5.4444,-2.4375 5.4444,-5.4444 0,-3.0069 -2.4376,-5.4445 -5.4444,-5.4445 -3.0069,0 -5.4445,2.4376 -5.4445,5.4445 0,3.0069 2.4376,5.4444 5.4445,5.4444"
+           fill="#cb4e43"
+           stroke-width="0.77778"
+           id="path2"
+           style="fill:#f07178;fill-opacity:1" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-close-backdrop-active.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-close-backdrop-active.svg
new file mode 100644
index 000000000..0c439947d
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-close-backdrop-active.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-close-backdrop-active.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="0"
+     y="-1.4648437e-05"
+     width="16"
+     height="16"
+     ry="1.6931001e-05"
+     opacity="0"
+     stroke-width="0.47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <g
+     transform="translate(1,1)"
+     enable-background="new"
+     id="g8"
+     style="fill:#f07178;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g6"
+       style="fill:#f07178;fill-opacity:1">
+      <path
+         d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+         fill="#4d4d4d"
+         id="path4"
+         style="fill:#f07178;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-close-backdrop.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-close-backdrop.svg
new file mode 100644
index 000000000..795cc283d
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-close-backdrop.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-close-backdrop.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="0"
+     y="-1.4648437e-05"
+     width="16"
+     height="16"
+     ry="1.6931001e-05"
+     opacity="0"
+     stroke-width="0.47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <g
+     transform="translate(1,1)"
+     enable-background="new"
+     id="g8"
+     style="fill:#dc6068;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g6"
+       style="fill:#dc6068;fill-opacity:1">
+      <path
+         d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+         fill="#5d5d5d"
+         id="path4"
+         style="fill:#dc6068;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-close-hover.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-close-hover.svg
new file mode 100644
index 000000000..14b9448c8
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-close-hover.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-close-hover.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     d="m8.0005 15.002c3.8659 0 6.9999-3.134 6.9999-7 0-3.866-3.134-6.9999-6.9999-6.9999-3.866 0-7 3.1339-7 6.9999 0 3.866 3.134 7 7 7"
+     fill="#e9524a"
+     fill-rule="evenodd"
+     id="path2"
+     style="fill:#dc6068;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-close.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-close.svg
new file mode 100644
index 000000000..d93f5ee69
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-close.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-close.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <rect
+     y="6.1035e-7"
+     width="16"
+     height="16"
+     ry="1.6931e-5"
+     opacity="0"
+     stroke-width=".47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <path
+     d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7"
+     fill="#e9524a"
+     fill-rule="evenodd"
+     id="path4"
+     style="fill:#f07178;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-maximize-active.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-maximize-active.svg
new file mode 100644
index 000000000..0e3dd5bd2
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-maximize-active.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg10"
+   sodipodi:docname="titlebutton-maximize-active.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs14" />
+  <sodipodi:namedview
+     id="namedview12"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg10" />
+  <g
+     transform="matrix(3.7795,0,0,3.7795,-340.99873,-468.52023)"
+     fill-rule="evenodd"
+     id="g4"
+     style="fill:#c3e88d;fill-opacity:1">
+    <path
+       d="m 92.34,127.93 c 1.0229,0 1.8521,-0.82923 1.8521,-1.8521 0,-1.0229 -0.82921,-1.8521 -1.8521,-1.8521 -1.0229,0 -1.8521,0.82923 -1.8521,1.8521 0,1.0229 0.82921,1.8521 1.8521,1.8521"
+       fill="#20a932"
+       stroke-width="0.77781"
+       id="path2"
+       style="fill:#c3e88d;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-maximize-backdrop-active.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-maximize-backdrop-active.svg
new file mode 100644
index 000000000..e250b4fc2
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-maximize-backdrop-active.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-maximize-backdrop-active.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="0"
+     y="-1.4648437e-05"
+     width="16"
+     height="16"
+     ry="1.6931001e-05"
+     opacity="0"
+     stroke-width="0.47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <g
+     transform="translate(1,1)"
+     enable-background="new"
+     id="g8"
+     style="fill:#c3e88d;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g6"
+       style="fill:#c3e88d;fill-opacity:1">
+      <path
+         d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+         fill="#4d4d4d"
+         id="path4"
+         style="fill:#c3e88d;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-maximize-backdrop.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-maximize-backdrop.svg
new file mode 100644
index 000000000..ab27e11b5
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-maximize-backdrop.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-maximize-backdrop.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="0"
+     y="-1.4648437e-05"
+     width="16"
+     height="16"
+     ry="1.6931001e-05"
+     opacity="0"
+     stroke-width="0.47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <g
+     transform="translate(1,1)"
+     enable-background="new"
+     id="g8"
+     style="fill:#abcf76;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g6"
+       style="fill:#abcf76;fill-opacity:1">
+      <path
+         d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+         fill="#5d5d5d"
+         id="path4"
+         style="fill:#abcf76;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-maximize-hover.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-maximize-hover.svg
new file mode 100644
index 000000000..46ba30ee9
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-maximize-hover.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-maximize-hover.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     d="m8.0019 14.999c3.8661 0 7-3.1339 7-7 0-3.8661-3.134-7-7-7-3.8661 0-7 3.134-7 7 0 3.8661 3.134 7 7 7"
+     fill="#59c837"
+     fill-rule="evenodd"
+     stroke-width="2.9396"
+     id="path2"
+     style="fill:#abcf76;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-maximize.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-maximize.svg
new file mode 100644
index 000000000..68b94a2b7
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-maximize.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-maximize.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <rect
+     y="6.1035e-7"
+     width="16"
+     height="16"
+     ry="1.6931e-5"
+     opacity="0"
+     stroke-width=".47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <path
+     d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7"
+     fill="#59c837"
+     fill-rule="evenodd"
+     id="path4"
+     style="fill:#c3e88d;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-menu-active.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-menu-active.svg
new file mode 100644
index 000000000..700a76851
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-menu-active.svg
@@ -0,0 +1,11 @@
+<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#4d4d4d"/>
+ <g id="titlebutton-minimize-backdrop" transform="translate(-253,268.64)">
+  <rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/>
+  <g transform="translate(254,-267.64)" enable-background="new"></g>
+ </g>
+ <g id="menu_focused_prelight" transform="matrix(3.7795 0 0 3.7795 -384 -278.52)">
+  <rect x="101.6" y="73.692" width="4.2333" height="4.2333" ry="4.4796e-6" opacity="0" stroke-width=".1255" style="paint-order:markers stroke fill"/>
+  <circle transform="scale(1,-1)" cx="103.72" cy="-75.808" r=".66146" fill="#000000" fill-opacity=".96838" opacity=".5"/>
+ </g>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-menu-backdrop-active.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-menu-backdrop-active.svg
new file mode 120000
index 000000000..6c570efde
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-menu-backdrop-active.svg
@@ -0,0 +1 @@
+titlebutton-menu-active.svg
\ No newline at end of file
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-menu-backdrop.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-menu-backdrop.svg
new file mode 120000
index 000000000..74c19dff2
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-menu-backdrop.svg
@@ -0,0 +1 @@
+titlebutton-menu-hover.svg
\ No newline at end of file
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-menu-hover.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-menu-hover.svg
new file mode 100644
index 000000000..f2360e260
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-menu-hover.svg
@@ -0,0 +1,11 @@
+<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#5d5d5d"/>
+ <g id="titlebutton-minimize-backdrop" transform="translate(-253,268.64)">
+  <rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/>
+  <g transform="translate(254,-267.64)" enable-background="new"></g>
+ </g>
+ <g id="menu_focused_prelight" transform="matrix(3.7795 0 0 3.7795 -384 -278.52)">
+  <rect x="101.6" y="73.692" width="4.2333" height="4.2333" ry="4.4796e-6" opacity="0" stroke-width=".1255" style="paint-order:markers stroke fill"/>
+  <circle transform="scale(1,-1)" cx="103.72" cy="-75.808" r=".66146" fill="#000000" fill-opacity=".96838" opacity=".5"/>
+ </g>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-menu.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-menu.svg
new file mode 120000
index 000000000..2a679ce4b
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-menu.svg
@@ -0,0 +1 @@
+titlebutton-backdrop.svg
\ No newline at end of file
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-minimize-active.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-minimize-active.svg
new file mode 100644
index 000000000..706b3620e
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-minimize-active.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg12"
+   sodipodi:docname="titlebutton-minimize-active.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs16" />
+  <sodipodi:namedview
+     id="namedview14"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg12" />
+  <g
+     transform="matrix(1.0002447,0,0,1.0002447,1.9952185,1.4e-4)"
+     enable-background="new"
+     id="g6"
+     style="fill:#ffcb6b;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g4"
+       style="fill:#ffcb6b;fill-opacity:1">
+      <path
+         d="m 11.003,1048.4 c 3.865,0 6.9982,-3.1332 6.9982,-6.9983 0,-3.8651 -3.1333,-6.9984 -6.9982,-6.9984 -3.865,0 -6.9983,3.1332 -6.9983,6.9984 0,3.865 3.1333,6.9983 6.9983,6.9983"
+         fill="#caa124"
+         stroke-width="0.77778"
+         id="path2"
+         style="fill:#ffcb6b;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-minimize-backdrop-active.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-minimize-backdrop-active.svg
new file mode 100644
index 000000000..0ec6491a9
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-minimize-backdrop-active.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-minimize-backdrop-active.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="0"
+     y="-1.4648437e-05"
+     width="16"
+     height="16"
+     ry="1.6931001e-05"
+     opacity="0"
+     stroke-width="0.47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <g
+     transform="translate(1,1)"
+     enable-background="new"
+     id="g8"
+     style="fill:#ffcb6b;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g6"
+       style="fill:#ffcb6b;fill-opacity:1">
+      <path
+         d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+         fill="#4d4d4d"
+         id="path4"
+         style="fill:#ffcb6b;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-minimize-backdrop.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-minimize-backdrop.svg
new file mode 100644
index 000000000..047a35899
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-minimize-backdrop.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-minimize-backdrop.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="0"
+     y="-1.4648437e-05"
+     width="16"
+     height="16"
+     ry="1.6931001e-05"
+     opacity="0"
+     stroke-width="0.47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <g
+     transform="translate(1,1)"
+     enable-background="new"
+     id="g8"
+     style="fill:#e6b455;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g6"
+       style="fill:#e6b455;fill-opacity:1">
+      <path
+         d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+         fill="#5d5d5d"
+         id="path4"
+         style="fill:#e6b455;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-minimize-hover.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-minimize-hover.svg
new file mode 100644
index 000000000..df6b8d041
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-minimize-hover.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-minimize-hover.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     d="m7.9999 15.004c3.8659 0 6.9999-3.134 6.9999-7 0-3.866-3.1341-7.0001-6.9999-7.0001-3.866 0-7.0001 3.134-7.0001 7.0001 0 3.8659 3.1341 7 7.0001 7"
+     fill="#f1ae1b"
+     fill-rule="evenodd"
+     stroke-width=".77797"
+     id="path2"
+     style="fill:#e6b455;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-minimize.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-minimize.svg
new file mode 100644
index 000000000..8a9970bf1
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-minimize.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-minimize.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <rect
+     y="6.1035e-7"
+     width="16"
+     height="16"
+     ry="1.6931e-5"
+     opacity="0"
+     stroke-width=".47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <path
+     d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7"
+     fill="#f1ae1b"
+     fill-rule="evenodd"
+     id="path4"
+     style="fill:#ffcb6b;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-shade-active.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-shade-active.svg
new file mode 100644
index 000000000..215334b4b
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-shade-active.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-shade-active.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="-0.0040094261"
+     y="-0.0019087296"
+     width="15.999758"
+     height="15.999758"
+     ry="1.693065e-05"
+     opacity="0"
+     stroke-width="0.474327"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <path
+     d="m 7.997184,14.99893 c 3.866051,0 7.000012,-3.133961 7.000012,-7.0000119 0,-3.8660506 -3.133999,-7.000012 -7.000012,-7.000012 -3.8660506,0 -7.00001195,3.1339614 -7.00001195,7.000012 0,3.8660509 3.13399915,7.0000119 7.00001195,7.0000119"
+     fill="#0b67ef"
+     fill-rule="evenodd"
+     id="path4"
+     style="stroke-width:3.7795;fill:#6e98eb;fill-opacity:1" />
+  <g
+     transform="matrix(0.99998011,0,0,0.99998011,-0.0040175,0.4969885)"
+     fill="#c0e3ff"
+     id="g10">
+    <g
+       transform="translate(-81,-967)"
+       fill="#c0e3ff"
+       id="g8">
+      <path
+         transform="translate(-41,867)"
+         d="m 130,104 -2,3 h 1 v 4 h 2 v -4 h 1 z"
+         color="#000000"
+         fill="#000000"
+         opacity="0.5"
+         style="text-indent:0;text-decoration-line:none;text-transform:none"
+         id="path6" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-shade-backdrop-active.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-shade-backdrop-active.svg
new file mode 100644
index 000000000..5091b16bb
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-shade-backdrop-active.svg
@@ -0,0 +1,8 @@
+<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#4d4d4d"/>
+ <g id="titlebutton-minimize-backdrop" transform="translate(-253 268.64)">
+  <rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/>
+  <g transform="translate(254,-267.64)" enable-background="new"></g>
+ </g>
+ <path d="m8 5-2 3h1v4h2v-4h1z" color="#000000" fill="#000000" opacity=".5" style="text-decoration-line:none;text-indent:0;text-transform:none"/>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-shade-backdrop.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-shade-backdrop.svg
new file mode 100644
index 000000000..8ac0d6a0b
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-shade-backdrop.svg
@@ -0,0 +1,8 @@
+<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#5d5d5d"/>
+ <g id="titlebutton-minimize-backdrop" transform="translate(-253 268.64)">
+  <rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/>
+  <g transform="translate(254,-267.64)" enable-background="new"></g>
+ </g>
+ <path d="m8 5-2 3h1v4h2v-4h1z" color="#000000" fill="#000000" opacity=".5" style="text-decoration-line:none;text-indent:0;text-transform:none"/>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-shade-hover.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-shade-hover.svg
new file mode 100644
index 000000000..9726257f6
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-shade-hover.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-shade-hover.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="-0.0040094261"
+     y="-0.001080925"
+     width="15.999758"
+     height="15.999758"
+     ry="1.693065e-05"
+     opacity="0"
+     stroke-width="0.474327"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <path
+     d="m 7.997184,14.99597 c 3.866051,0 7.000012,-3.133961 7.000012,-7.000012 0,-3.8660505 -3.133999,-7.0000119 -7.000012,-7.0000119 -3.8660506,0 -7.00001195,3.1339614 -7.00001195,7.0000119 0,3.866051 3.13399915,7.000012 7.00001195,7.000012"
+     fill="#4285f4"
+     fill-rule="evenodd"
+     id="path4"
+     style="stroke-width:3.7795;fill:#82aaff;fill-opacity:1" />
+  <g
+     transform="matrix(0.99998011,0,0,0.99998011,-0.0040175,0.996702)"
+     fill="#c0e3ff"
+     id="g10">
+    <g
+       transform="translate(-81,-967)"
+       fill="#c0e3ff"
+       id="g8">
+      <path
+         transform="translate(-41,867)"
+         d="m 130,104 -2,3 h 1 v 4 h 2 v -4 h 1 z"
+         color="#000000"
+         fill="#000000"
+         opacity="0.5"
+         style="text-indent:0;text-decoration-line:none;text-transform:none"
+         id="path6" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-shade.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-shade.svg
new file mode 100644
index 000000000..d6efd73ce
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-shade.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg11"
+   sodipodi:docname="titlebutton-shade.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs15" />
+  <sodipodi:namedview
+     id="namedview13"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg11" />
+  <rect
+     x="0"
+     y="6.1035155e-07"
+     width="16"
+     height="16"
+     ry="1.6931001e-05"
+     opacity="0"
+     stroke-width="0.47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <g
+     transform="translate(1,1)"
+     enable-background="new"
+     id="g8"
+     style="fill:#82aaff;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g6"
+       style="fill:#82aaff;fill-opacity:1">
+      <path
+         d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+         fill="#4285f4"
+         id="path4"
+         style="fill:#82aaff;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unmaximize-active.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unmaximize-active.svg
new file mode 100644
index 000000000..951dc887d
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unmaximize-active.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="titlebutton-unmaximize-active.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs12" />
+  <sodipodi:namedview
+     id="namedview10"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <g
+     transform="matrix(3.7795 0 0 3.7795 -341 -468.52)"
+     fill-rule="evenodd"
+     id="g4"
+     style="fill:#c3e88d;fill-opacity:1">
+    <path
+       d="m92.34 127.93c1.0229 0 1.8521-0.82923 1.8521-1.8521 0-1.0229-0.82921-1.8521-1.8521-1.8521-1.0229 0-1.8521 0.82923-1.8521 1.8521 0 1.0229 0.82921 1.8521 1.8521 1.8521"
+       fill="#20a932"
+       stroke-width=".77781"
+       id="path2"
+       style="fill:#c3e88d;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop-active.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop-active.svg
new file mode 100644
index 000000000..45bb6d9a7
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop-active.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-unmaximize-backdrop-active.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     d="m8.0019 14.999c3.8661 0 7-3.1339 7-7s-3.134-7-7-7c-3.8661 0-7 3.134-7 7 0 3.8661 3.134 7 7 7"
+     fill="#4d4d4d"
+     fill-rule="evenodd"
+     stroke-width="2.9396"
+     id="path2"
+     style="fill:#c3e88d;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop.svg
new file mode 100644
index 000000000..05d195d7f
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-unmaximize-backdrop.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     d="m8.0019 14.999c3.8661 0 7-3.1339 7-7s-3.134-7-7-7c-3.8661 0-7 3.134-7 7 0 3.8661 3.134 7 7 7"
+     fill="#5d5d5d"
+     fill-rule="evenodd"
+     stroke-width="2.9396"
+     id="path2"
+     style="fill:#abcf76;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unmaximize-hover.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unmaximize-hover.svg
new file mode 100644
index 000000000..1409c07eb
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unmaximize-hover.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-unmaximize-hover.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     d="m8.0019 14.999c3.8661 0 7-3.1339 7-7s-3.134-7-7-7c-3.8661 0-7 3.134-7 7 0 3.8661 3.134 7 7 7"
+     fill="#59c837"
+     fill-rule="evenodd"
+     stroke-width="2.9396"
+     id="path2"
+     style="fill:#abcf76;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unshade-active.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unshade-active.svg
new file mode 100644
index 000000000..149597a6d
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unshade-active.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-unshade-active.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="-0.0040094261"
+     y="-16.001909"
+     width="15.999758"
+     height="15.999758"
+     ry="1.693065e-05"
+     opacity="0"
+     stroke-width="0.474327"
+     style="paint-order:markers stroke fill"
+     id="rect2"
+     transform="scale(1,-1)" />
+  <path
+     d="m 7.997184,1.00107 c 3.866051,0 7.000012,3.1339614 7.000012,7.0000119 0,3.8660501 -3.133999,7.0000121 -7.000012,7.0000121 -3.8660506,0 -7.00001195,-3.133962 -7.00001195,-7.0000121 0,-3.8660505 3.13399915,-7.0000119 7.00001195,-7.0000119"
+     fill="#0b67ef"
+     fill-rule="evenodd"
+     id="path4"
+     style="stroke-width:3.7795;fill:#6e98eb;fill-opacity:1" />
+  <g
+     transform="matrix(0.99998011,0,0,-0.99998011,-0.0040175,15.503011)"
+     fill="#c0e3ff"
+     id="g10">
+    <g
+       transform="translate(-81,-967)"
+       fill="#c0e3ff"
+       id="g8">
+      <path
+         transform="translate(-41,867)"
+         d="m 130,104 -2,3 h 1 v 4 h 2 v -4 h 1 z"
+         color="#000000"
+         fill="#000000"
+         opacity="0.5"
+         style="text-indent:0;text-decoration-line:none;text-transform:none"
+         id="path6" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unshade-backdrop-active.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unshade-backdrop-active.svg
new file mode 100644
index 000000000..5714d2f10
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unshade-backdrop-active.svg
@@ -0,0 +1,8 @@
+<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#4d4d4d"/>
+ <g id="titlebutton-minimize-backdrop" transform="matrix(1 0 0 -1 -253 -252.64)">
+  <rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/>
+  <g transform="translate(254,-267.64)" enable-background="new"></g>
+ </g>
+ <path d="m8 12-2-3h1v-4h2v4h1z" color="#000000" fill="#000000" opacity=".5" style="text-decoration-line:none;text-indent:0;text-transform:none"/>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unshade-backdrop.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unshade-backdrop.svg
new file mode 100644
index 000000000..dad067160
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unshade-backdrop.svg
@@ -0,0 +1,8 @@
+<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#5d5d5d"/>
+ <g id="titlebutton-minimize-backdrop" transform="matrix(1 0 0 -1 -253 -252.64)">
+  <rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/>
+  <g transform="translate(254,-267.64)" enable-background="new"></g>
+ </g>
+ <path d="m8 12-2-3h1v-4h2v4h1z" color="#000000" fill="#000000" opacity=".5" style="text-decoration-line:none;text-indent:0;text-transform:none"/>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unshade-hover.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unshade-hover.svg
new file mode 100644
index 000000000..6bb51f684
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unshade-hover.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-unshade-hover.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="-0.0040094261"
+     y="-16.001081"
+     width="15.999758"
+     height="15.999758"
+     ry="1.693065e-05"
+     opacity="0"
+     stroke-width="0.474327"
+     style="paint-order:markers stroke fill"
+     id="rect2"
+     transform="scale(1,-1)" />
+  <path
+     d="m 7.997184,1.00403 c 3.866051,0 7.000012,3.1339614 7.000012,7.000012 0,3.86605 -3.133999,7.000012 -7.000012,7.000012 -3.8660506,0 -7.00001195,-3.133961 -7.00001195,-7.000012 0,-3.8660506 3.13399915,-7.000012 7.00001195,-7.000012"
+     fill="#4285f4"
+     fill-rule="evenodd"
+     id="path4"
+     style="stroke-width:3.7795;fill:#82aaff;fill-opacity:1" />
+  <g
+     transform="matrix(0.99998011,0,0,-0.99998011,-0.0040175,15.003298)"
+     fill="#c0e3ff"
+     id="g10">
+    <g
+       transform="translate(-81,-967)"
+       fill="#c0e3ff"
+       id="g8">
+      <path
+         d="m 89,970 -2,3 h 1 v 4 h 2 v -4 h 1 z"
+         color="#000000"
+         fill="#000000"
+         opacity="0.5"
+         style="text-indent:0;text-decoration-line:none;text-transform:none"
+         id="path6" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unshade.svg b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unshade.svg
new file mode 120000
index 000000000..58a2bbf2c
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/metacity-1/titlebuttons/titlebutton-unshade.svg
@@ -0,0 +1 @@
+titlebutton-shade.svg
\ No newline at end of file
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/bottom-active.png b/Material/files/Material/config/DeepOcean-B/xfwm4/bottom-active.png
new file mode 100644
index 000000000..ef95f07be
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/bottom-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/bottom-inactive.png b/Material/files/Material/config/DeepOcean-B/xfwm4/bottom-inactive.png
new file mode 100644
index 000000000..119d234ff
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/bottom-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/bottom-left-active.png b/Material/files/Material/config/DeepOcean-B/xfwm4/bottom-left-active.png
new file mode 100644
index 000000000..d36706bc7
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/bottom-left-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/bottom-left-inactive.png b/Material/files/Material/config/DeepOcean-B/xfwm4/bottom-left-inactive.png
new file mode 100644
index 000000000..a0e9929a3
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/bottom-left-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/bottom-right-active.png b/Material/files/Material/config/DeepOcean-B/xfwm4/bottom-right-active.png
new file mode 100644
index 000000000..84b02672b
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/bottom-right-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/bottom-right-inactive.png b/Material/files/Material/config/DeepOcean-B/xfwm4/bottom-right-inactive.png
new file mode 100644
index 000000000..0e1824ef1
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/bottom-right-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/close-active.png b/Material/files/Material/config/DeepOcean-B/xfwm4/close-active.png
new file mode 100644
index 000000000..8b93bb68e
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/close-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/close-inactive.png b/Material/files/Material/config/DeepOcean-B/xfwm4/close-inactive.png
new file mode 100644
index 000000000..b3ba95527
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/close-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/close-prelight.png b/Material/files/Material/config/DeepOcean-B/xfwm4/close-prelight.png
new file mode 100644
index 000000000..49512ee34
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/close-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/close-pressed.png b/Material/files/Material/config/DeepOcean-B/xfwm4/close-pressed.png
new file mode 100644
index 000000000..d7a18bd2a
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/close-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/hide-active.png b/Material/files/Material/config/DeepOcean-B/xfwm4/hide-active.png
new file mode 100644
index 000000000..b107338b8
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/hide-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/hide-inactive.png b/Material/files/Material/config/DeepOcean-B/xfwm4/hide-inactive.png
new file mode 100644
index 000000000..7279186b3
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/hide-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/hide-prelight.png b/Material/files/Material/config/DeepOcean-B/xfwm4/hide-prelight.png
new file mode 100644
index 000000000..d82480970
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/hide-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/hide-pressed.png b/Material/files/Material/config/DeepOcean-B/xfwm4/hide-pressed.png
new file mode 100644
index 000000000..d858e7dd9
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/hide-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/left-active.png b/Material/files/Material/config/DeepOcean-B/xfwm4/left-active.png
new file mode 100644
index 000000000..989a0d2b3
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/left-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/left-inactive.png b/Material/files/Material/config/DeepOcean-B/xfwm4/left-inactive.png
new file mode 100644
index 000000000..5ae56e067
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/left-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-active.png b/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-active.png
new file mode 100644
index 000000000..2fbfd0b31
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-inactive.png b/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-inactive.png
new file mode 100644
index 000000000..b3ba95527
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-prelight.png b/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-prelight.png
new file mode 100644
index 000000000..b003415bf
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-pressed.png b/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-pressed.png
new file mode 100644
index 000000000..ac8ec64ea
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-toggled-active.png b/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-toggled-active.png
new file mode 100644
index 000000000..2450771ed
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-toggled-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-toggled-inactive.png b/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-toggled-inactive.png
new file mode 100644
index 000000000..44b3cb9ea
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-toggled-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-toggled-prelight.png b/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-toggled-prelight.png
new file mode 100644
index 000000000..7d85a50c6
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-toggled-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-toggled-pressed.png b/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-toggled-pressed.png
new file mode 100644
index 000000000..eace1b00a
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/maximize-toggled-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/menu-active.png b/Material/files/Material/config/DeepOcean-B/xfwm4/menu-active.png
new file mode 100644
index 000000000..049264a78
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/menu-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/menu-inactive.png b/Material/files/Material/config/DeepOcean-B/xfwm4/menu-inactive.png
new file mode 100644
index 000000000..ca774ce8b
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/menu-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/menu-prelight.png b/Material/files/Material/config/DeepOcean-B/xfwm4/menu-prelight.png
new file mode 100644
index 000000000..f8634c1a9
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/menu-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/menu-pressed.png b/Material/files/Material/config/DeepOcean-B/xfwm4/menu-pressed.png
new file mode 100644
index 000000000..a71c674d3
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/menu-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/right-active.png b/Material/files/Material/config/DeepOcean-B/xfwm4/right-active.png
new file mode 100644
index 000000000..989a0d2b3
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/right-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/right-inactive.png b/Material/files/Material/config/DeepOcean-B/xfwm4/right-inactive.png
new file mode 100644
index 000000000..5ae56e067
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/right-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/shade-active.png b/Material/files/Material/config/DeepOcean-B/xfwm4/shade-active.png
new file mode 100644
index 000000000..f30353d89
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/shade-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/shade-inactive.png b/Material/files/Material/config/DeepOcean-B/xfwm4/shade-inactive.png
new file mode 100644
index 000000000..4e2671661
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/shade-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/shade-prelight.png b/Material/files/Material/config/DeepOcean-B/xfwm4/shade-prelight.png
new file mode 100644
index 000000000..52b29f550
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/shade-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/shade-pressed.png b/Material/files/Material/config/DeepOcean-B/xfwm4/shade-pressed.png
new file mode 100644
index 000000000..49892d1c9
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/shade-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/shade-toggled-active.png b/Material/files/Material/config/DeepOcean-B/xfwm4/shade-toggled-active.png
new file mode 100644
index 000000000..049264a78
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/shade-toggled-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/shade-toggled-inactive.png b/Material/files/Material/config/DeepOcean-B/xfwm4/shade-toggled-inactive.png
new file mode 100644
index 000000000..ca774ce8b
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/shade-toggled-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/shade-toggled-prelight.png b/Material/files/Material/config/DeepOcean-B/xfwm4/shade-toggled-prelight.png
new file mode 100644
index 000000000..f8634c1a9
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/shade-toggled-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/shade-toggled-pressed.png b/Material/files/Material/config/DeepOcean-B/xfwm4/shade-toggled-pressed.png
new file mode 100644
index 000000000..a71c674d3
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/shade-toggled-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/stick-active.png b/Material/files/Material/config/DeepOcean-B/xfwm4/stick-active.png
new file mode 100644
index 000000000..f30353d89
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/stick-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/stick-inactive.png b/Material/files/Material/config/DeepOcean-B/xfwm4/stick-inactive.png
new file mode 100644
index 000000000..4e2671661
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/stick-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/stick-prelight.png b/Material/files/Material/config/DeepOcean-B/xfwm4/stick-prelight.png
new file mode 100644
index 000000000..52b29f550
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/stick-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/stick-pressed.png b/Material/files/Material/config/DeepOcean-B/xfwm4/stick-pressed.png
new file mode 100644
index 000000000..49892d1c9
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/stick-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/stick-toggled-active.png b/Material/files/Material/config/DeepOcean-B/xfwm4/stick-toggled-active.png
new file mode 100644
index 000000000..74cd7b111
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/stick-toggled-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/stick-toggled-inactive.png b/Material/files/Material/config/DeepOcean-B/xfwm4/stick-toggled-inactive.png
new file mode 100644
index 000000000..8d3951565
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/stick-toggled-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/stick-toggled-prelight.png b/Material/files/Material/config/DeepOcean-B/xfwm4/stick-toggled-prelight.png
new file mode 100644
index 000000000..cac6322a6
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/stick-toggled-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/stick-toggled-pressed.png b/Material/files/Material/config/DeepOcean-B/xfwm4/stick-toggled-pressed.png
new file mode 100644
index 000000000..1f09c23fa
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/stick-toggled-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/themerc b/Material/files/Material/config/DeepOcean-B/xfwm4/themerc
new file mode 100644
index 000000000..126405dd1
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-B/xfwm4/themerc
@@ -0,0 +1,23 @@
+button_offset=7
+button_spacing=-7
+
+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/Material/files/Material/config/DeepOcean-B/xfwm4/title-1-active.png b/Material/files/Material/config/DeepOcean-B/xfwm4/title-1-active.png
new file mode 100644
index 000000000..b2ca750b8
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/title-1-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/title-1-inactive.png b/Material/files/Material/config/DeepOcean-B/xfwm4/title-1-inactive.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/title-1-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/title-2-active.png b/Material/files/Material/config/DeepOcean-B/xfwm4/title-2-active.png
new file mode 100644
index 000000000..b2ca750b8
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/title-2-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/title-2-inactive.png b/Material/files/Material/config/DeepOcean-B/xfwm4/title-2-inactive.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/title-2-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/title-3-active.png b/Material/files/Material/config/DeepOcean-B/xfwm4/title-3-active.png
new file mode 100644
index 000000000..b2ca750b8
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/title-3-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/title-3-inactive.png b/Material/files/Material/config/DeepOcean-B/xfwm4/title-3-inactive.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/title-3-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/title-4-active.png b/Material/files/Material/config/DeepOcean-B/xfwm4/title-4-active.png
new file mode 100644
index 000000000..b2ca750b8
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/title-4-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/title-4-inactive.png b/Material/files/Material/config/DeepOcean-B/xfwm4/title-4-inactive.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/title-4-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/title-5-active.png b/Material/files/Material/config/DeepOcean-B/xfwm4/title-5-active.png
new file mode 100644
index 000000000..b2ca750b8
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/title-5-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/title-5-inactive.png b/Material/files/Material/config/DeepOcean-B/xfwm4/title-5-inactive.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/title-5-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/top-left-active.png b/Material/files/Material/config/DeepOcean-B/xfwm4/top-left-active.png
new file mode 100644
index 000000000..3d3279227
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/top-left-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/top-left-inactive.png b/Material/files/Material/config/DeepOcean-B/xfwm4/top-left-inactive.png
new file mode 100644
index 000000000..2dadcf3e8
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/top-left-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/top-right-active.png b/Material/files/Material/config/DeepOcean-B/xfwm4/top-right-active.png
new file mode 100644
index 000000000..bb43da9d4
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/top-right-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-B/xfwm4/top-right-inactive.png b/Material/files/Material/config/DeepOcean-B/xfwm4/top-right-inactive.png
new file mode 100644
index 000000000..d7e044571
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-B/xfwm4/top-right-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/gtk-3.0/gtk-dark.css b/Material/files/Material/config/DeepOcean-BL-LB/gtk-3.0/gtk-dark.css
new file mode 100644
index 000000000..b88e59802
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-BL-LB/gtk-3.0/gtk-dark.css
@@ -0,0 +1,9070 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #0f111a;
+/* text widgets and the like base background color */
+@define-color theme_base_color #0f111a;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f111a;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #232637;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #0f111a;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #0f111a;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #0f111a;
+@define-color wm_unfocused_bg #0f111a;
+@define-color wm_button_close_icon #0f111a;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #0f111a;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #0f111a;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #0f111a;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #0f111a;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #0f111a;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #0f111a;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #0f111a;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #0f111a;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #e2e9e9 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #e2e9e9 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #f07178;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #e2e9e9;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #eeffff;
+  background-color: #464b5d;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #232637;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #0f111a;
+}
+
+textview border {
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+.dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #f07178;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #0f111a;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #eeffff;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(154, 165, 206, 0.9);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(154, 165, 206, 0.7);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.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;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar 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.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+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 {
+  color: #2196f3;
+}
+
+*:visited {
+  color: #ce93d8;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #2196f3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #ce93d8;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #0f111a;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+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(238, 255, 255, 0.12);
+  background-color: #232637;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+  color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: #0f111a;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.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 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.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: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 10px 15px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 15px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #0f111a;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+  background-color: #292d3e;
+  color: #84ffff;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(238, 255, 255, 0.3);
+  border-top-color: rgba(238, 255, 255, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(238, 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: #eeffff;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #0f111a;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #292d3e;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 1px solid #444167;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #eeffff;
+  font: initial;
+  font-weight: 500;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #3b3f51;
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-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),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #464b5d;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+  margin-top: 8px;
+  margin-bottom: -12px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #eeffff;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+  margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop,
+.csd popover.background:backdrop {
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05),
+    0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #292d3e;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #232637;
+  color: #84ffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: transparent;
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: transparent;
+}
+
+scrollbar.bottom {
+  border-bottom: transparent;
+}
+
+scrollbar.left {
+  border-bottom: transparent;
+}
+
+scrollbar.right {
+  border-bottom: transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 4px;
+  min-height: 4px;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 2px;
+  min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 2px;
+  min-height: 2px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+  background-color: transparent;
+  color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked slider {
+  background-color: #0f111a;
+  color: #0f111a;
+}
+
+/*************************
+ * 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;
+}
+
+.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;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -8px;
+  padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #e2e9e9;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+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:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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;
+}
+
+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(238, 255, 255, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+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')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #eeffff;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #e2e9e9;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+  border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #0f111a;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #ffcb6b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms 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(238, 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: #eeffff;
+}
+
+expander title > arrow:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #292d3e;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+.csd filechooser {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #0f111a;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(238, 255, 255, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.12)),
+    image(rgba(238, 255, 255, 0.12));
+  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;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #0f111a;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip * {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #e2e9e9;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #0f111a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+  margin: 8px;
+}
+
+.csd decoration {
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  background-color: #1a1c25;
+  background-clip: border-box;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+    0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+  border-radius: 0;
+}
+
+.popup decoration {
+  box-shadow: none;
+}
+
+.ssd decoration {
+  border: none;
+  border-radius: 12px 12px 0 0;
+  background-color: #0f111a;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.metacity decoration {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border: none;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.csd decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  background-color: #232637;
+  background-clip: border-box;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #0f111a;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover {
+  background-color: #84ffff;
+  color: #0f111a;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+  background-color: #c792ea;
+  color: #0f111a;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.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(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: alpha(currentColor, 0.05);
+  border: 1px solid #232637;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#e2e9e9, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#e2e9e9, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #0f111a;
+  color: #e2e9e9;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #232637;
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #232637;
+  font-weight: 700;
+  border-left: 3px solid #f07178;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #84ffff;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #232637;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #eeffff;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #84ffff;
+  background-color: #232637;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+  color: #84ffff;
+  background-color: #232637;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #232637;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #84ffff;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #e2e9e9;
+  color: #e2e9e9;
+}
+
+.disk-space-display.free {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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 {
+  margin: -6px 0 0 -6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > label {
+  margin: 0 8px;
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > box
+  > button {
+  border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+  padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+  margin-top: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box {
+  margin-bottom: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box.linked {
+  margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+  margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #232637;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #232637;
+}
+
+.gedit-document-panel row button.flat {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #292d3e;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > 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;
+}
+
+/**********
+ * Tweaks *
+ **********/
+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,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > 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 list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > 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 list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > 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 list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #292d3e;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > 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
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+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
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#eeffff,
+.tweak-#eeffff,
+.tweak-#eeffff:hover {
+  background-image: image(#0f111a);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#0f111a);
+}
+
+.tweak-group-startup {
+  background-image: image(#0f111a);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > 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: #0f111a;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > 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 > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #0f111a;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > 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;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #0f111a;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#0f111a);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #e2e9e9;
+  background-color: #0f111a;
+}
+
+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(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #0f111a;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #232637;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #e2e9e9 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+docktab:checked {
+  transition: all 75ms 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 #e2e9e9;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+dockoverlayedge {
+  background-color: #0f111a;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+pillbox {
+  background-color: #0f111a;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #0f111a;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.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: #eeffff;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #0f111a;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(226, 233, 233, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #eeffff;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #eeffff;
+}
+
+button.photos-filter-preview:checked image {
+  color: #eeffff;
+}
+
+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;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#232637);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#e2e9e9);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #0f111a;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #0f111a;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  padding: 0 2px 3px 2px;
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+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: 12px;
+}
+
+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: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#232637);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #232637;
+  color: #eeffff;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  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: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #eeffff;
+  background-color: #0f111a;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #0f111a;
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified > deck > overlay > .geary;
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/gtk-3.0/gtk.css b/Material/files/Material/config/DeepOcean-BL-LB/gtk-3.0/gtk.css
new file mode 100644
index 000000000..677a2a881
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-BL-LB/gtk-3.0/gtk.css
@@ -0,0 +1,11429 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #0f111a;
+/* text widgets and the like base background color */
+@define-color theme_base_color #0f111a;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f111a;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #232637;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #0f111a;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #0f111a;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #0f111a;
+@define-color wm_unfocused_bg #0f111a;
+@define-color wm_button_close_icon #0f111a;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #0f111a;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #0f111a;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #0f111a;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #0f111a;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #0f111a;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #0f111a;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #0f111a;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #0f111a;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #e2e9e9 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #e2e9e9 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #f07178;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #e2e9e9;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #eeffff;
+  background-color: #464b5d;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #232637;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #0f111a;
+}
+
+textview border {
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+.dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #f07178;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #0f111a;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #eeffff;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(154, 165, 206, 0.9);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(154, 165, 206, 0.7);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.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;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar 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.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+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 {
+  color: #2196f3;
+}
+
+*:visited {
+  color: #ce93d8;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #2196f3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #ce93d8;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #0f111a;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+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(238, 255, 255, 0.12);
+  background-color: #232637;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+  color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: #0f111a;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.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 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.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: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 10px 15px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 15px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #0f111a;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+  background-color: #292d3e;
+  color: #84ffff;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(238, 255, 255, 0.3);
+  border-top-color: rgba(238, 255, 255, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(238, 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: #eeffff;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #0f111a;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #292d3e;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 1px solid #444267;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #eeffff;
+  font: initial;
+  font-weight: 500;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #3b3f51;
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-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),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #464b5d;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+  margin-top: 8px;
+  margin-bottom: -12px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #eeffff;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+  margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop,
+.csd popover.background:backdrop {
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05),
+    0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #292d3e;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #232637;
+  color: #84ffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: transparent;
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: transparent;
+}
+
+scrollbar.bottom {
+  border-bottom: transparent;
+}
+
+scrollbar.left {
+  border-bottom: transparent;
+}
+
+scrollbar.right {
+  border-bottom: transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 4px;
+  min-height: 4px;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 2px;
+  min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 2px;
+  min-height: 2px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+  background-color: transparent;
+  color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked slider {
+  background-color: #0f111a;
+  color: #0f111a;
+}
+
+/*************************
+ * 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;
+}
+
+.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;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -8px;
+  padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #e2e9e9;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+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:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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;
+}
+
+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(238, 255, 255, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+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')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #eeffff;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #e2e9e9;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+  border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #0f111a;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #ffcb6b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms 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(238, 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: #eeffff;
+}
+
+expander title > arrow:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #292d3e;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+.csd filechooser {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #0f111a;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(238, 255, 255, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.12)),
+    image(rgba(238, 255, 255, 0.12));
+  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;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #0f111a;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip * {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #e2e9e9;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #0f111a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+  margin: 8px;
+}
+
+.csd decoration {
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+    0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+  border-radius: 0;
+}
+
+.popup decoration {
+  box-shadow: none;
+}
+
+.ssd decoration {
+  border: none;
+  border-radius: 12px 12px 0 0;
+  background-color: #0f111a;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.metacity decoration {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border: none;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.csd decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  background-color: #232637;
+  background-clip: border-box;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #0f111a;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover {
+  background-color: #84ffff;
+  color: #0f111a;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+  background-color: #c792ea;
+  color: #0f111a;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.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(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: alpha(currentColor, 0.05);
+  border: 1px solid #232637;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#e2e9e9, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#e2e9e9, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #0f111a;
+  color: #e2e9e9;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #232637;
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #232637;
+  font-weight: 700;
+  border-left: 3px solid #f07178;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #84ffff;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #232637;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #eeffff;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #84ffff;
+  background-color: #232637;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+  color: #84ffff;
+  background-color: #232637;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #232637;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #84ffff;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #e2e9e9;
+  color: #e2e9e9;
+}
+
+.disk-space-display.free {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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 {
+  margin: -6px 0 0 -6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > label {
+  margin: 0 8px;
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > box
+  > button {
+  border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+  padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+  margin-top: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box {
+  margin-bottom: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box.linked {
+  margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+  margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #232637;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #232637;
+}
+
+.gedit-document-panel row button.flat {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #292d3e;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > 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;
+}
+
+/**********
+ * Tweaks *
+ **********/
+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,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > 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 list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > 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 list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > 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 list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #292d3e;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > 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
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+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
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#eeffff,
+.tweak-#eeffff,
+.tweak-#eeffff:hover {
+  background-image: image(#0f111a);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#0f111a);
+}
+
+.tweak-group-startup {
+  background-image: image(#0f111a);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > 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: #0f111a;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > 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 > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #0f111a;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > 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;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #0f111a;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#0f111a);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #e2e9e9;
+  background-color: #0f111a;
+}
+
+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(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #0f111a;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #232637;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #e2e9e9 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+docktab:checked {
+  transition: all 75ms 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 #e2e9e9;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+dockoverlayedge {
+  background-color: #0f111a;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+pillbox {
+  background-color: #0f111a;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #0f111a;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.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: #eeffff;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #0f111a;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(226, 233, 233, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #eeffff;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #eeffff;
+}
+
+button.photos-filter-preview:checked image {
+  color: #eeffff;
+}
+
+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;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#232637);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#e2e9e9);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #0f111a;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #0f111a;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  padding: 0 2px 3px 2px;
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+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: 12px;
+}
+
+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: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#232637);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #232637;
+  color: #eeffff;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  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: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #eeffff;
+  background-color: #0f111a;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #0f111a;
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * 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,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #0f111a;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified > decoration-overlay {
+  box-shadow: inset 0 0 0 1px rgba(238, 255, 255, 0.2);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+}
+
+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;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+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(#292d3e);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+window > notebook > stack {
+  margin: 0 3px 3px 3px;
+}
+
+window > notebook {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #0f111a;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #292d3e;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #444267;
+}
+
+window.background.chromium > button {
+  color: #e2e9e9;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #e2e9e9;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #444267;
+  background-color: #0f111a;
+}
+
+window.background.chromium menu {
+  border-color: #515772;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #0f111a;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #e2e9e9;
+  box-shadow: inset 0 0 0 1px #e2e9e9;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #232637;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #737aa2;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #828bb8;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(113, 124, 180, 0.5);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #eeffff;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #444267;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #444267;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #0f111a;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -1px;
+  border: 1px solid #444267;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #0f111a;
+}
+
+/*********
+ * 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: #e2e9e9;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(15, 17, 26, 0.95);
+  color: #eeffff;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #e2e9e9;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.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 {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 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: #e2e9e9;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+.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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #292d3e;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #e2e9e9;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.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: #0f111a;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  background-image: none;
+  color: #eeffff;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #0f111a;
+  color: #eeffff;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+#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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #e2e9e9;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #292d3e;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(238, 255, 255, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #eeffff;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(238, 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(238, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(238, 255, 255, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(238, 255, 255, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #232637;
+}
+
+.budgie-panel button {
+  color: rgba(238, 255, 255, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #f07178;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #eeffff;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #eeffff;
+}
+
+.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:not(:checked) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+}
+
+.top frame.raven-frame > border {
+  margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+  margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+  margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+  margin-left: 32px;
+}
+
+.raven {
+  background-color: #292d3e;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.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(238, 255, 255, 0.06);
+  color: #eeffff;
+}
+
+.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: #eeffff;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #232637;
+  color: #eeffff;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #f07178;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #eeffff;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #0f111a;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+#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(238, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+  background-color: #0f111a;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover,
+.nemo-window .primary-toolbar button.text-button:active,
+.nemo-window .primary-toolbar button.text-button:checked {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+  border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #232637;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #676e95;
+  -nemoplacestreeview-disk-full-fg-color: #e2e9e9;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/gtk-3.0/thumbnail.png b/Material/files/Material/config/DeepOcean-BL-LB/gtk-3.0/thumbnail.png
new file mode 100644
index 000000000..0e4358002
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/gtk-3.0/thumbnail.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/gtk-4.0/gtk-dark.css b/Material/files/Material/config/DeepOcean-BL-LB/gtk-4.0/gtk-dark.css
new file mode 100644
index 000000000..aab975e11
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-BL-LB/gtk-4.0/gtk-dark.css
@@ -0,0 +1,6956 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #0f111a;
+/* text widgets and the like base background color */
+@define-color theme_base_color #0f111a;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f111a;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 245, 245, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #232637;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #0f111a;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #0f111a;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 245, 245, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 245, 245, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 245, 245, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 245, 245, 0.7);
+@define-color wm_highlight rgba(238, 245, 245, 0.1);
+@define-color wm_bg #0f111a;
+@define-color wm_unfocused_bg #0f111a;
+@define-color wm_button_close_icon #0f111a;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #0f111a;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #0f111a;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #0f111a;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #0f111a;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 245, 245, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #0f111a;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #0f111a;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #0f111a;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #0f111a;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+dnd {
+  color: #eeffff;
+}
+
+.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 {
+  color: #eeffff;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+textview text {
+  background-color: #0f111a;
+}
+
+textview border {
+  background-color: #232637;
+  color: rgba(238, 245, 245, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #eeffff;
+  background-color: #0f111a;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 245, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+label.search-information {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(238, 245, 245, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 245, 245, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #eeffff;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * 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 {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 245, 245, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(238, 245, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+  padding: 2px 12px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+entry image:disabled {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 245, 245, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 245, 245, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 245, 245, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(238, 245, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 245, 245, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(238, 245, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #0f111a;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 245, 245, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 245, 245, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 245, 245, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 0%,
+      rgba(226, 233, 233, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 95%,
+      rgba(226, 233, 233, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 245, 245, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+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,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(238, 245, 245, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+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,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+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,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 245, 245, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+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,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(238, 245, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+button.osd:hover {
+  background-color: #444267;
+  color: #eeffff;
+}
+
+button.osd:active {
+  background-color: #1a1c25;
+  color: #eeffff;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 245, 245, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 245, 245, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 245, 245, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #e2e9e9;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #ff7043;
+  box-shadow: inset 0 0 0 1px #ff7043;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+menubutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+menubutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+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.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+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: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 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: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(238, 245, 245, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+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: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+splitbutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+splitbutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+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(238, 245, 245, 0.12);
+}
+
+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(238, 245, 245, 0.12);
+}
+
+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;
+}
+
+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) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #89ddff;
+}
+
+link:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 245, 245, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(238, 245, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 245, 245, 0.7);
+}
+
+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 > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 245, 245, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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: 9px;
+  padding-right: 9px;
+}
+
+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 popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 245, 245, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #0f111a;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 245, 245, 0.1);
+  background-color: #292d3e;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 245, 245, 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;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.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 {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 245, 245, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 245, 245, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 245, 245, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(238, 245, 245, 0.04);
+  color: #eeffff;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #eeffff;
+}
+
+headerbar entry image:disabled {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+  color: #eeffff;
+  box-shadow: inset 0 1px rgba(238, 245, 245, 0.1);
+}
+
+headerbar:disabled {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 245, 245, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 245, 245, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(238, 245, 245, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(238, 245, 245, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 245, 245, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+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');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 245, 245, 0);
+  background-color: #e2e9e9;
+}
+
+.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: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #0f111a
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(226, 233, 233, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #0f111a
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#0f111a);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #444267;
+  border-top-color: #444267;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(238, 245, 245, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(238, 245, 245, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #e2e9e9;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(238, 245, 245, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(238, 245, 245, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #0f111a;
+}
+
+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(238, 245, 245, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #eeffff;
+}
+
+menubar:backdrop {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 245, 245, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > item:disabled {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+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;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #292d3e;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #eeffff;
+  border: none;
+  border: 1px solid rgba(238, 245, 245, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: none;
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #eeffff;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #3b3f51;
+  color: #84ffff;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+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 label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(238, 245, 245, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(238, 245, 245, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 245, 245, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 245, 245, 0.04);
+  color: #84ffff;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #84ffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 245, 245, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(238, 245, 245, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 245, 245, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+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;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #0f111a;
+  color: #eeffff;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#e2e9e9, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#ff7043, 0.4);
+  background-color: alpha(#ff7043, 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: #e2e9e9;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#e2e9e9, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 245, 245, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(238, 245, 245, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #eeffff;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(238, 245, 245, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  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(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+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(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(238, 245, 245, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(238, 245, 245, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 245, 245, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 245, 245, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(238, 245, 245, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 245, 245, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 245, 245, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #0f111a;
+  color: #0f111a;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(238, 245, 245, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(238, 245, 245, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #eeffff;
+  box-shadow: 0 0 0 10px rgba(238, 245, 245, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 245, 245, 0.3);
+  color: #0f111a;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(238, 245, 245, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #e2e9e9;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 245, 245, 0.3);
+  color: #0f111a;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -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'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(238, 245, 245, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #232637 49.99%, #eeffff 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #eeffff;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #eeffff;
+  background-image: image(#232637);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 245, 245, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 245, 245, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #0f111a;
+  background-image: image(rgba(238, 245, 245, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 245, 245, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #0f111a;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 245, 245, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 245, 245, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 245, 245, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 245, 245, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 245, 245, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 245, 245, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #ffcb6b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 245, 245, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #eeffff;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(238, 245, 245, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(238, 245, 245, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(238, 245, 245, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  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(238, 245, 245, 0.12);
+  background-color: #0f111a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 245, 245, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 245, 245, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 245, 245, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(238, 245, 245, 0.12);
+  background-color: #0f111a;
+  color: rgba(238, 245, 245, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(238, 245, 245, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #eeffff;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(238, 245, 245, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #e2e9e9;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 245, 245, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #eeffff;
+}
+
+expander:disabled {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(238, 245, 245, 0.12);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(238, 245, 245, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #292d3e;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 245, 245, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 245, 245, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 245, 245, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 245, 245, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 245, 245, 0.12);
+  background-color: #0f111a;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(238, 245, 245, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 245, 245, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: 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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 245, 245, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(238, 245, 245, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #292d3e;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 245, 245, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+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 {
+  color: inherit;
+}
+
+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 {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#444267);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #0f111a;
+  background-image: image(#444267), image(#444267);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #232637;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #eeffff;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #292d3e;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #eeffff;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #292d3e;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 245, 245, 0.1);
+  background-color: #292d3e;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 245, 245, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #0f111a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window.csd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  outline-color: rgba(238, 245, 245, 0.2);
+  outline-offset: -1px;
+  outline-style: solid;
+  outline-width: 1px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+    0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #0f111a;
+  border: 1px solid #444267;
+}
+
+window.solid-csd:backdrop {
+  background-color: #0f111a;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 50%;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) image {
+  background: none;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):hover,
+windowcontrols
+  button:not(.suggested-action):not(.destructive-action).close:backdrop:hover {
+  background-color: #84ffff;
+  color: #0f111a;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):active,
+windowcontrols
+  button:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+  background-color: #c792ea;
+  color: #0f111a;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #e2e9e9;
+  background-color: #3b3f51;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(238, 245, 245, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 245, 245, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 0;
+  background-color: alpha(currentColor, 0.05);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(238, 245, 245, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(238, 245, 245, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #0f111a;
+}
+
+.nautilus-window:backdrop {
+  background-color: #0f111a;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 0.8em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(238, 245, 245, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(238, 245, 245, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(238, 245, 245, 0.12);
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #232637;
+  font-weight: 700;
+  border-left: 3px solid #f07178;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #84ffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #0f111a;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #232637;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #232637;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #84ffff;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #0f111a;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(238, 245, 245, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(238, 245, 245, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(238, 245, 245, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(238, 245, 245, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+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 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(238, 245, 245, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #eeffff;
+  background-color: rgba(238, 245, 245, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 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: #eb4b3d;
+  background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #eeffff;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(238, 245, 245, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.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(238, 245, 245, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 245, 245, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(238, 245, 245, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 245, 245, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(238, 245, 245, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 245, 245, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(238, 245, 245, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(238, 245, 245, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(238, 245, 245, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #0f111a;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 245, 245, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 245, 245, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #e2e9e9;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+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: #eeffff;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 245, 245, 0.12);
+  background-clip: border-box;
+  background-color: #0f111a;
+  color: rgba(238, 245, 245, 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: 34px;
+}
+
+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(238, 245, 245, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(238, 245, 245, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #e2e9e9;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+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;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 245, 245, 0.1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #e2e9e9;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 119px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #e2e9e9;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+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;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+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: #eeffff;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #e2e9e9;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/gtk-4.0/gtk.css b/Material/files/Material/config/DeepOcean-BL-LB/gtk-4.0/gtk.css
new file mode 100644
index 000000000..2f8573d28
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-BL-LB/gtk-4.0/gtk.css
@@ -0,0 +1,6956 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #0f111a;
+/* text widgets and the like base background color */
+@define-color theme_base_color #0f111a;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f111a;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #232637;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #0f111a;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #0f111a;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #0f111a;
+@define-color wm_unfocused_bg #0f111a;
+@define-color wm_button_close_icon #0f111a;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #0f111a;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #0f111a;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #0f111a;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #0f111a;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #0f111a;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #0f111a;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #0f111a;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #0f111a;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+dnd {
+  color: #eeffff;
+}
+
+.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 {
+  color: #eeffff;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+textview text {
+  background-color: #0f111a;
+}
+
+textview border {
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #eeffff;
+  background-color: #0f111a;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+label.search-information {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(238, 255, 255, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #eeffff;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * 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 {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+  padding: 2px 12px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #0f111a;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 0%,
+      rgba(226, 233, 233, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 95%,
+      rgba(226, 233, 233, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+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,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+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,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+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,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+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,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+button.osd:hover {
+  background-color: #444267;
+  color: #eeffff;
+}
+
+button.osd:active {
+  background-color: #1a1c25;
+  color: #eeffff;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #e2e9e9;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #ff7043;
+  box-shadow: inset 0 0 0 1px #ff7043;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+menubutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+menubutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+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.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+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: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 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: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(238, 255, 255, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+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: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+splitbutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+splitbutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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;
+}
+
+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) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #89ddff;
+}
+
+link:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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: 9px;
+  padding-right: 9px;
+}
+
+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 popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #0f111a;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.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 {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #eeffff;
+}
+
+headerbar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+  color: #eeffff;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+headerbar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+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');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.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: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #0f111a
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(226, 233, 233, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #0f111a
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#0f111a);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #444267;
+  border-top-color: #444267;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #e2e9e9;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #0f111a;
+}
+
+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(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #eeffff;
+}
+
+menubar:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > item:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+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;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #292d3e;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #eeffff;
+  border: none;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: none;
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #eeffff;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #3b3f51;
+  color: #84ffff;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+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 label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(238, 255, 255, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #84ffff;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #84ffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+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;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #0f111a;
+  color: #eeffff;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#e2e9e9, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#ff7043, 0.4);
+  background-color: alpha(#ff7043, 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: #e2e9e9;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#e2e9e9, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #eeffff;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  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(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+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(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #0f111a;
+  color: #0f111a;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #eeffff;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #0f111a;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #e2e9e9;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #0f111a;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -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'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(238, 255, 255, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #232637 49.99%, #eeffff 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #eeffff;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #eeffff;
+  background-image: image(#232637);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #0f111a;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #ffcb6b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #eeffff;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  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(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #eeffff;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(238, 255, 255, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #e2e9e9;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #eeffff;
+}
+
+expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #292d3e;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: 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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #292d3e;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+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 {
+  color: inherit;
+}
+
+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 {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#444267);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #0f111a;
+  background-image: image(#444267), image(#444267);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #232637;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #eeffff;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #292d3e;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #eeffff;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #292d3e;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #0f111a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window.csd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  outline-color: rgba(238, 255, 255, 0.2);
+  outline-offset: -1px;
+  outline-style: solid;
+  outline-width: 1px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+    0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #0f111a;
+  border: 1px solid #444267;
+}
+
+window.solid-csd:backdrop {
+  background-color: #0f111a;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 50%;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) image {
+  background: none;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):hover,
+windowcontrols
+  button:not(.suggested-action):not(.destructive-action).close:backdrop:hover {
+  background-color: #84ffff;
+  color: #0f111a;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):active,
+windowcontrols
+  button:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+  background-color: #c792ea;
+  color: #0f111a;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #e2e9e9;
+  background-color: #3b3f51;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 0;
+  background-color: alpha(currentColor, 0.05);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #0f111a;
+}
+
+.nautilus-window:backdrop {
+  background-color: #0f111a;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 0.8em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #232637;
+  font-weight: 700;
+  border-left: 3px solid #f07178;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #84ffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #0f111a;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #232637;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #232637;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #84ffff;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #0f111a;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+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 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(238, 255, 255, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 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: #eb4b3d;
+  background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #eeffff;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.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(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #0f111a;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #e2e9e9;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+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: #eeffff;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+  background-color: #0f111a;
+  color: rgba(238, 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: 34px;
+}
+
+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(238, 255, 255, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #e2e9e9;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+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;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #292d3e;
+  color: #84ffff;
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #e2e9e9;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 119px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #e2e9e9;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+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;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+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: #eeffff;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #e2e9e9;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/gtk-4.0/thumbnail.png b/Material/files/Material/config/DeepOcean-BL-LB/gtk-4.0/thumbnail.png
new file mode 100644
index 000000000..0e4358002
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/gtk-4.0/thumbnail.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/bottom-active.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/bottom-active.png
new file mode 100644
index 000000000..119d234ff
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/bottom-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/bottom-inactive.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/bottom-inactive.png
new file mode 100644
index 000000000..119d234ff
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/bottom-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/bottom-left-active.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/bottom-left-active.png
new file mode 100644
index 000000000..a0e9929a3
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/bottom-left-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/bottom-left-inactive.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/bottom-left-inactive.png
new file mode 100644
index 000000000..a0e9929a3
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/bottom-left-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/bottom-right-active.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/bottom-right-active.png
new file mode 100644
index 000000000..0e1824ef1
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/bottom-right-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/bottom-right-inactive.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/bottom-right-inactive.png
new file mode 100644
index 000000000..0e1824ef1
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/bottom-right-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/close-active.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/close-active.png
new file mode 100644
index 000000000..94534886e
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/close-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/close-inactive.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/close-inactive.png
new file mode 100644
index 000000000..d8c5722af
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/close-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/close-prelight.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/close-prelight.png
new file mode 100644
index 000000000..fd391acab
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/close-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/close-pressed.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/close-pressed.png
new file mode 100644
index 000000000..06bc8ea0f
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/close-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/hide-active.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/hide-active.png
new file mode 100644
index 000000000..db1ec102e
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/hide-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/hide-inactive.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/hide-inactive.png
new file mode 100644
index 000000000..abcad20f6
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/hide-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/hide-prelight.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/hide-prelight.png
new file mode 100644
index 000000000..91a24f168
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/hide-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/hide-pressed.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/hide-pressed.png
new file mode 100644
index 000000000..b8a503cc6
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/hide-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/left-active.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/left-active.png
new file mode 100644
index 000000000..5ae56e067
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/left-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/left-inactive.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/left-inactive.png
new file mode 100644
index 000000000..5ae56e067
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/left-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-active.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-active.png
new file mode 100644
index 000000000..a1a80bb36
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-inactive.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-inactive.png
new file mode 100644
index 000000000..20942390b
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-prelight.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-prelight.png
new file mode 100644
index 000000000..c2012b9c5
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-pressed.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-pressed.png
new file mode 100644
index 000000000..9a3cf7135
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-toggled-active.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-toggled-active.png
new file mode 100644
index 000000000..5b1ffa458
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-toggled-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-toggled-inactive.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-toggled-inactive.png
new file mode 100644
index 000000000..7930df4d6
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-toggled-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-toggled-prelight.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-toggled-prelight.png
new file mode 100644
index 000000000..839d82a5f
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-toggled-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-toggled-pressed.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-toggled-pressed.png
new file mode 100644
index 000000000..22fe550c7
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/maximize-toggled-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/menu-active.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/menu-active.png
new file mode 100644
index 000000000..01e43cb8e
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/menu-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/menu-inactive.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/menu-inactive.png
new file mode 100644
index 000000000..83f027a1b
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/menu-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/menu-prelight.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/menu-prelight.png
new file mode 100644
index 000000000..0eba15645
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/menu-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/menu-pressed.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/menu-pressed.png
new file mode 100644
index 000000000..abcd0830a
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/menu-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/right-active.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/right-active.png
new file mode 100644
index 000000000..5ae56e067
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/right-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/right-inactive.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/right-inactive.png
new file mode 100644
index 000000000..5ae56e067
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/right-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-active.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-active.png
new file mode 100644
index 000000000..514699a6c
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-inactive.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-inactive.png
new file mode 100644
index 000000000..d3e284848
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-prelight.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-prelight.png
new file mode 100644
index 000000000..c2553eb19
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-pressed.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-pressed.png
new file mode 100644
index 000000000..1057f0a54
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-toggled-active.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-toggled-active.png
new file mode 100644
index 000000000..90edc73eb
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-toggled-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-toggled-inactive.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-toggled-inactive.png
new file mode 100644
index 000000000..50d3cda54
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-toggled-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-toggled-prelight.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-toggled-prelight.png
new file mode 100644
index 000000000..865669a8a
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-toggled-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-toggled-pressed.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-toggled-pressed.png
new file mode 100644
index 000000000..decda57f8
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/shade-toggled-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-active.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-active.png
new file mode 100644
index 000000000..3fb67ed65
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-inactive.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-inactive.png
new file mode 100644
index 000000000..5cfbacceb
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-prelight.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-prelight.png
new file mode 100644
index 000000000..358248e39
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-pressed.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-pressed.png
new file mode 100644
index 000000000..c84b44898
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-toggled-active.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-toggled-active.png
new file mode 100644
index 000000000..bed00b9dd
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-toggled-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-toggled-inactive.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-toggled-inactive.png
new file mode 100644
index 000000000..38bd072f4
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-toggled-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-toggled-prelight.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-toggled-prelight.png
new file mode 100644
index 000000000..3570bfae3
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-toggled-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-toggled-pressed.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-toggled-pressed.png
new file mode 100644
index 000000000..68d278544
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/stick-toggled-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/themerc b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/themerc
new file mode 100644
index 000000000..8ed1a7793
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/themerc
@@ -0,0 +1,23 @@
+button_offset=10
+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/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-1-active.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-1-active.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-1-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-1-inactive.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-1-inactive.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-1-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-2-active.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-2-active.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-2-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-2-inactive.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-2-inactive.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-2-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-3-active.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-3-active.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-3-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-3-inactive.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-3-inactive.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-3-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-4-active.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-4-active.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-4-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-4-inactive.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-4-inactive.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-4-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-5-active.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-5-active.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-5-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-5-inactive.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-5-inactive.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/title-5-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/top-left-active.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/top-left-active.png
new file mode 100644
index 000000000..2dadcf3e8
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/top-left-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/top-left-inactive.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/top-left-inactive.png
new file mode 100644
index 000000000..2dadcf3e8
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/top-left-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/top-right-active.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/top-right-active.png
new file mode 100644
index 000000000..d7e044571
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/top-right-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/top-right-inactive.png b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/top-right-inactive.png
new file mode 100644
index 000000000..d7e044571
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL-LB/xfwm4/top-right-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/cinnamon/cinnamon.css b/Material/files/Material/config/DeepOcean-BL/cinnamon/cinnamon.css
new file mode 100644
index 000000000..a5d763f4b
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-BL/cinnamon/cinnamon.css
@@ -0,0 +1,2269 @@
+stage {
+  font-size: 9pt;
+  color: #eeffff;
+}
+
+.label-shadow {
+  color: rgba(0, 0, 0, 0);
+}
+
+.sound-button {
+  min-height: 24px;
+  padding: 5px 32px;
+  transition-duration: 100ms;
+  border-radius: 6px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.sound-button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.sound-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.sound-button:hover:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+  border-radius: 6px;
+}
+
+.sound-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+  border-radius: 6px;
+}
+
+.sound-button:insensitive {
+  color: rgba(238, 255, 255, 0.5);
+  background-color: rgba(238, 255, 255, 0.04);
+  border-radius: 6px;
+}
+
+.notification-button,
+.notification-icon-button,
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button,
+#notification .notification-button,
+#notification .notification-icon-button {
+  border-radius: 6px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: transparent;
+}
+
+.notification-button:hover,
+.notification-icon-button:hover,
+#notification .notification-button:hover,
+#notification .notification-icon-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.notification-button:active,
+.notification-icon-button:active,
+#notification .notification-button:active,
+#notification .notification-icon-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+  border-radius: 6px;
+}
+
+.notification-button:insensitive,
+.notification-icon-button:insensitive,
+#notification .notification-button:insensitive,
+#notification .notification-icon-button:insensitive {
+  color: rgba(238, 255, 255, 0.3);
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+  min-height: 24px;
+  padding: 6px 30px;
+  transition-duration: 100ms;
+  border-radius: 6px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.modal-dialog-button-box .modal-dialog-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.modal-dialog-button-box .modal-dialog-button:focus {
+  color: #e2e9e9;
+}
+
+.modal-dialog-button-box .modal-dialog-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.modal-dialog-button-box .modal-dialog-button:insensitive {
+  color: rgba(238, 255, 255, 0.3);
+  background-color: transparent;
+}
+
+#menu-search-entry,
+.notification StEntry,
+.menu #notification StEntry,
+.popup-menu #notification StEntry,
+#notification StEntry {
+  padding: 3px 12px;
+  min-height: 24px;
+  caret-size: 1px;
+  selection-background-color: #e2e9e9;
+  selected-color: rgba(0, 0, 0, 0.87);
+  transition-duration: 300ms;
+  border-radius: 9999px;
+  color: #eeffff;
+  border: 2px solid transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+#menu-search-entry:focus,
+.notification StEntry:focus,
+.menu #notification StEntry:focus,
+.popup-menu #notification StEntry:focus,
+#notification StEntry:focus,
+#menu-search-entry:hover,
+.notification StEntry:hover,
+.menu #notification StEntry:hover,
+.popup-menu #notification StEntry:hover,
+#notification StEntry:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid #e2e9e9;
+}
+
+#menu-search-entry:insensitive,
+.notification StEntry:insensitive,
+.menu #notification StEntry:insensitive,
+.popup-menu #notification StEntry:insensitive,
+#notification StEntry:insensitive {
+  border: 2px solid transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+#menu-search-entry StIcon.capslock-warning,
+.notification StEntry StIcon.capslock-warning,
+.menu #notification StEntry StIcon.capslock-warning,
+.popup-menu #notification StEntry StIcon.capslock-warning,
+#notification StEntry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #ffcb6b;
+  padding: 0 6px;
+}
+
+StScrollView.vfade {
+  -st-vfade-offset: 0px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 0px;
+}
+
+StScrollBar {
+  padding: 8px;
+}
+
+StScrollView StScrollBar {
+  min-width: 5px;
+  min-height: 5px;
+}
+
+StScrollBar StBin#trough {
+  background-color: rgba(35, 38, 55, 0.1);
+  border-radius: 9999px;
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+  border-radius: 9999px;
+  background-color: gray;
+  border: 0px solid;
+  margin: 0px;
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+  background-color: #515772;
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+  background-color: #e2e9e9;
+}
+
+.separator {
+  -gradient-height: 1px;
+  -gradient-start: rgba(0, 0, 0, 0);
+  -gradient-end: rgba(0, 0, 0, 0);
+  -margin-horizontal: 1.5em;
+  height: 1em;
+}
+
+.popup-slider-menu-item,
+.slider {
+  -slider-height: 4px;
+  -slider-background-color: rgba(238, 255, 255, 0.12);
+  -slider-border-color: transparent;
+  -slider-active-background-color: #e2e9e9;
+  -slider-active-border-color: transparent;
+  -slider-border-width: 0;
+  -slider-handle-radius: 4px;
+  height: 18px;
+  min-width: 15em;
+  border: 0 solid transparent;
+  border-right-width: 1px;
+  border-left-width: 5px;
+  color: transparent;
+}
+
+.check-box CinnamonGenericContainer {
+  spacing: 0.2em;
+  min-height: 30px;
+  padding-top: 2px;
+}
+
+.check-box StLabel {
+  font-weight: normal;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+  background-image: url('assets/checkbox-off.svg');
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+  background-image: url('assets/checkbox-dark.svg');
+}
+
+.radiobutton CinnamonGenericContainer {
+  spacing: 0.2em;
+  min-height: 30px;
+  padding-top: 2px;
+}
+
+.radiobutton StLabel {
+  padding-top: 4px;
+  font-size: 0.9em;
+  box-shadow: none;
+}
+
+.radiobutton StBin {
+  width: 24px;
+  height: 24px;
+}
+
+.radiobutton StBin,
+.radiobutton:focus StBin {
+  background-image: url('assets/radiobutton-off.svg');
+}
+
+.radiobutton:checked StBin,
+.radiobutton:focus:checked StBin {
+  background-image: url('assets/radiobutton-dark.svg');
+}
+
+.toggle-switch {
+  width: 40px;
+  height: 20px;
+  background-size: contain;
+  background-image: url('assets/toggle-off.svg');
+}
+
+.toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.popup-menu-item:active .toggle-switch {
+  background-image: url('assets/toggle-off.svg');
+}
+
+.popup-menu-item:active .toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.cinnamon-link {
+  color: #89ddff;
+  text-decoration: underline;
+}
+
+.cinnamon-link:hover {
+  color: #c792ea;
+}
+
+#Tooltip {
+  border-radius: 9999px;
+  padding: 6px 12px;
+  background-color: rgba(31, 34, 51, 0.9);
+  color: #eeffff;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  font-size: 1em;
+  font-weight: normal;
+  text-align: center;
+}
+
+.menu,
+.popup-menu,
+.popup-combo-menu {
+  padding: 3px;
+  color: #eeffff;
+  background-color: rgba(35, 38, 55, 0.95);
+  border-radius: 12px;
+  margin: 6px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+.menu-arrow,
+.popup-menu-arrow {
+  icon-size: 16px;
+}
+
+.menu .popup-sub-menu,
+.popup-menu .popup-sub-menu,
+.popup-combo-menu .popup-sub-menu {
+  border-radius: 6px;
+  background-gradient-direction: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-combo-menu .popup-sub-menu .popup-menu-item:active {
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu .popup-sub-menu StScrollBar,
+.popup-menu .popup-sub-menu StScrollBar,
+.popup-combo-menu .popup-sub-menu StScrollBar {
+  padding: 4px;
+}
+
+.menu .popup-sub-menu StScrollBar StBin#trough,
+.menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
+  border-width: 0;
+}
+
+.menu .popup-menu-content,
+.popup-menu .popup-menu-content,
+.popup-combo-menu .popup-menu-content {
+  padding: 3px;
+}
+
+.menu .popup-menu-item,
+.popup-menu .popup-menu-item,
+.popup-combo-menu .popup-menu-item {
+  padding: 6px 12px;
+  spacing: 12px;
+  border-radius: 6px;
+}
+
+.menu .popup-menu-item:hover,
+.menu .popup-menu-item:active,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item:active,
+.popup-combo-menu .popup-menu-item:hover,
+.popup-combo-menu .popup-menu-item:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.menu .popup-menu-item:insensitive,
+.popup-menu .popup-menu-item:insensitive,
+.popup-combo-menu .popup-menu-item:insensitive {
+  color: rgba(238, 255, 255, 0.5);
+  background: none;
+}
+
+.menu .popup-inactive-menu-item,
+.popup-menu .popup-inactive-menu-item,
+.popup-combo-menu .popup-inactive-menu-item {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.menu .popup-inactive-menu-item:insensitive,
+.popup-menu .popup-inactive-menu-item:insensitive,
+.popup-combo-menu .popup-inactive-menu-item:insensitive {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.menu-icon,
+.popup-menu-icon {
+  icon-size: 16px;
+}
+
+.popup-menu-boxpointer {
+  -arrow-border-radius: 6px;
+  -arrow-background-color: rgba(0, 0, 0, 0);
+  -arrow-border-width: 0;
+  -arrow-border-color: rgba(0, 0, 0, 0);
+  -arrow-base: 0;
+  -arrow-rise: 0;
+}
+
+.popup-combo-menu {
+  padding: 12px;
+}
+
+.popup-combobox-item {
+  spacing: 1em;
+}
+
+.popup-separator-menu-item {
+  -gradient-height: 0;
+  -gradient-start: transparent;
+  -gradient-end: transparent;
+  -margin-horizontal: 1.5em;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  border-bottom-style: solid;
+  background-color: transparent;
+}
+
+.popup-alternating-menu-item:alternate {
+  font-weight: normal;
+}
+
+.popup-device-menu-item {
+  spacing: 0.5em;
+}
+
+.popup-subtitle-menu-item {
+  font-weight: normal;
+}
+
+.nm-menu-item-icons {
+  spacing: 0.5em;
+}
+
+#panel {
+  font-weight: bold;
+  height: 36px;
+  width: 42px;
+}
+
+#panel:highlight {
+  border-image: none;
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+#panelLeft {
+  spacing: 4px;
+}
+
+#panelLeft:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(255, 0, 0, 0.05);
+  background-gradient-end: rgba(255, 0, 0, 0.2);
+}
+
+#panelLeft:ltr {
+  padding-right: 4px;
+}
+
+#panelLeft:rtl {
+  padding-left: 4px;
+}
+
+#panelLeft.vertical {
+  padding: 0;
+}
+
+#panelLeft.vertical:ltr {
+  padding-right: 0px;
+}
+
+#panelLeft.vertical:rtl {
+  padding-left: 0px;
+}
+
+#panelRight:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(0, 0, 255, 0.05);
+  background-gradient-end: rgba(0, 0, 255, 0.2);
+}
+
+#panelRight:ltr {
+  padding-left: 6px;
+  spacing: 0px;
+}
+
+#panelRight:rtl {
+  padding-right: 6px;
+  spacing: 0px;
+}
+
+#panelRight.vertical {
+  padding: 0;
+}
+
+#panelRight.vertical:ltr {
+  padding-right: 0px;
+}
+
+#panelRight.vertical:rtl {
+  padding-left: 0px;
+}
+
+#panelCenter {
+  spacing: 4px;
+}
+
+#panelCenter:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(0, 255, 0, 0.05);
+  background-gradient-end: rgba(0, 255, 0, 0.2);
+}
+
+.panel-top,
+.panel-bottom,
+.panel-left,
+.panel-right {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: 1em;
+  padding: 0px;
+  background-color: rgba(15, 17, 26, 0.95);
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
+}
+
+.panel-top .panel-button:hover,
+.panel-top .panel-status-button:hover,
+.panel-bottom .panel-button:hover,
+.panel-bottom .panel-status-button:hover,
+.panel-left .panel-button:hover,
+.panel-left .panel-status-button:hover,
+.panel-right .panel-button:hover,
+.panel-right .panel-status-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.panel-top .panel-button:active,
+.panel-top .panel-status-button:active,
+.panel-bottom .panel-button:active,
+.panel-bottom .panel-status-button:active,
+.panel-left .panel-button:active,
+.panel-left .panel-status-button:active,
+.panel-right .panel-button:active,
+.panel-right .panel-status-button:active {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.panel-dummy {
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+.panel-dummy:entered {
+  background-color: rgba(242, 139, 130, 0.6);
+}
+
+.panel-status-button {
+  border-width: 0;
+  -natural-hpadding: 3px;
+  -minimum-hpadding: 3px;
+  font-weight: bold;
+  height: 22px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.panel-button {
+  -natural-hpadding: 6px;
+  -minimum-hpadding: 2px;
+  font-weight: bold;
+  transition-duration: 100ms;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.system-status-icon {
+  icon-size: 16px;
+  padding: 0 1px;
+}
+
+#overview {
+  spacing: 12px;
+}
+
+.window-caption {
+  background-color: rgba(31, 34, 51, 0.9);
+  border: 1px solid rgba(31, 34, 51, 0.9);
+  color: #eeffff;
+  spacing: 25px;
+  border-radius: 6px;
+  font-size: 9pt;
+  padding: 5px 8px;
+  -cinnamon-caption-spacing: 4px;
+}
+
+#selected.window-caption {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border: 1px solid #e2e9e9;
+  spacing: 25px;
+}
+
+.expo-workspaces-name-entry,
+#selected.expo-workspaces-name-entry {
+  height: 15px;
+  border-radius: 6px;
+  font-size: 9pt;
+  padding: 5px 8px;
+  -cinnamon-caption-spacing: 4px;
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid transparent;
+}
+
+.expo-workspaces-name-entry:focus,
+#selected.expo-workspaces-name-entry:focus {
+  border: 1px solid #e2e9e9;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-style: italic;
+  transition-duration: 300;
+  selection-background-color: rgba(0, 0, 0, 0.87);
+  selected-color: #e2e9e9;
+}
+
+.expo-workspace-thumbnail-frame {
+  border: 4px solid rgba(238, 255, 255, 0);
+  background-color: rgba(238, 255, 255, 0);
+  border-radius: 6px;
+}
+
+#active.expo-workspace-thumbnail-frame {
+  border: 4px solid #e2e9e9;
+  background-color: black;
+  border-radius: 6px;
+}
+
+.expo-background {
+  background-color: #191919;
+}
+
+.workspace-thumbnails {
+  spacing: 26px;
+}
+
+.workspace-thumbnails-background,
+.workspace-thumbnails-background:rtl {
+  padding: 8px;
+}
+
+.workspace-add-button {
+  background-image: url('assets/add-workspace.svg');
+  height: 200px;
+  width: 35px;
+  transition-duration: 100;
+}
+
+.workspace-add-button:hover {
+  background-image: url('assets/add-workspace-hover.svg');
+  transition-duration: 100;
+}
+
+.workspace-add-button:active {
+  background-image: url('assets/add-workspace-active.svg');
+  transition-duration: 100;
+}
+
+.workspace-overview-background-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.workspace-close-button,
+.window-close {
+  background-image: url('assets/close.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+  -cinnamon-close-overlap: 13px;
+}
+
+.workspace-close-button:hover,
+.window-close:hover {
+  background-image: url('assets/close-hover.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+}
+
+.workspace-close-button:active,
+.window-close:active {
+  background-image: url('assets/close-active.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+}
+
+.workspace-thumbnail-indicator {
+  outline: 2px solid red;
+  border: 1px solid green;
+}
+
+.window-close:rtl {
+  -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
+}
+
+.window-close-area {
+  background-image: url('assets/trash-icon.svg');
+  height: 120px;
+  width: 400px;
+}
+
+.about-content {
+  width: 550px;
+  height: 250px;
+  spacing: 8px;
+  padding-bottom: 10px;
+}
+
+.about-title {
+  font-size: 2em;
+  font-weight: bold;
+}
+
+.about-uuid {
+  font-size: 10px;
+  color: #717cb4;
+}
+
+.about-icon {
+  padding-right: 20px;
+  padding-bottom: 14px;
+}
+
+.about-scrollBox {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+  background-color: #0f111a;
+  padding: 4px;
+  padding-right: 0;
+  border-radius: 0;
+}
+
+.about-scrollBox-innerBox {
+  padding: 1.2em;
+  spacing: 1.2em;
+}
+
+.about-description {
+  padding-top: 4px;
+  padding-bottom: 16px;
+}
+
+.about-version {
+  padding-left: 7px;
+  font-size: 10px;
+  color: #717cb4;
+}
+
+.calendar {
+  padding: 0.4em 1.75em;
+  spacing-rows: 0px;
+  spacing-columns: 0px;
+}
+
+.calendar-month-label {
+  color: #eeffff;
+  font-weight: bold;
+  margin: 0 2px;
+  padding: 2px;
+}
+
+.calendar-change-month-back,
+.calendar-change-month-forward {
+  width: 24px;
+  height: 24px;
+  margin: 0;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+.calendar-change-month-back:focus,
+.calendar-change-month-back:hover,
+.calendar-change-month-forward:focus,
+.calendar-change-month-forward:hover {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.calendar-change-month-back:active,
+.calendar-change-month-forward:active {
+  background-color: rgba(238, 255, 255, 0.25);
+}
+
+.calendar-change-month-back {
+  background-image: url('assets/calendar-arrow-left.svg');
+}
+
+.calendar-change-month-back:rtl {
+  background-image: url('assets/calendar-arrow-right.svg');
+}
+
+.calendar-change-month-forward {
+  background-image: url('assets/calendar-arrow-right.svg');
+}
+
+.calendar-change-month-forward:rtl {
+  background-image: url('assets/calendar-arrow-left.svg');
+}
+
+.datemenu-date-label {
+  padding: 0.4em 1.75em;
+  font-weight: normal;
+  text-align: center;
+  font-size: 14px;
+  color: #eeffff;
+  border-radius: 6px;
+}
+
+.calendar-day-base {
+  text-align: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  margin: 2px;
+  border-radius: 9999px;
+}
+
+.calendar-day-heading {
+  color: rgba(238, 255, 255, 0.7);
+  margin-top: 1em;
+}
+
+.calendar-day {
+  border-width: 0;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.calendar-day-top {
+  border-top-width: 0;
+}
+
+.calendar-day-left {
+  border-left-width: 0;
+}
+
+.calendar-nonwork-day {
+  color: #eeffff;
+  background-color: transparent;
+  font-weight: bold;
+}
+
+.calendar-today,
+.calendar-today:active,
+.calendar-today:focus,
+.calendar-today:hover {
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  border-width: 0;
+}
+
+.calendar-other-month-day {
+  color: rgba(238, 255, 255, 0.7);
+  opacity: 1;
+}
+
+.calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
+  color: rgba(238, 255, 255, 0.3);
+  font-weight: bold;
+  background-color: rgba(238, 255, 255, 0.04);
+  border-radius: 9999px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
+}
+
+#notification {
+  border-radius: 12px;
+  padding: 12px;
+  spacing-rows: 9px;
+  spacing-columns: 9px;
+  margin-from-right-edge-of-screen: 18px;
+  width: 28em;
+  color: #eeffff;
+  background-color: rgba(35, 38, 55, 0.8);
+  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+  margin: 7px 12px 17px 12px;
+}
+
+#notification .notification-button,
+#notification .notification-icon-button {
+  padding: 6px;
+}
+
+.menu #notification,
+.popup-menu #notification {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.05);
+  box-shadow: none;
+  margin: 0;
+}
+
+.menu #notification:hover,
+.popup-menu #notification:hover {
+  background-color: rgba(238, 255, 255, 0.1);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+}
+
+.menu #notification,
+.menu #notification.multi-line-notification,
+.popup-menu #notification,
+.popup-menu #notification.multi-line-notification {
+  color: #eeffff;
+}
+
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button {
+  padding: 6px;
+}
+
+#notification.multi-line-notification {
+  padding-bottom: 12px;
+  color: #eeffff;
+}
+
+#notification-scrollview {
+  max-height: 10em;
+}
+
+#notification-scrollview > .top-shadow,
+#notification-scrollview > .bottom-shadow {
+  height: 1em;
+}
+
+#notification-scrollview:ltr > StScrollBar {
+  padding-left: 6px;
+}
+
+#notification-scrollview:rtl > StScrollBar {
+  padding-right: 6px;
+}
+
+#notification-body {
+  spacing: 6px;
+}
+
+#notification-actions {
+  spacing: 9px;
+}
+
+.notification-with-image {
+  min-height: 159px;
+  color: #eeffff;
+}
+
+.notification-button,
+.notification-icon-button {
+  padding: 6px;
+}
+
+.notification-icon-button > StIcon {
+  icon-size: 36px;
+}
+
+#altTabPopup {
+  padding: 8px;
+  spacing: 16px;
+}
+
+.switcher-list {
+  color: #eeffff;
+  background-color: rgba(35, 38, 55, 0.95);
+  border: none;
+  border-radius: 6px;
+  padding: 20px;
+}
+
+.switcher-list > StBoxLayout {
+  padding: 4px;
+}
+
+.switcher-list-item-container {
+  spacing: 8px;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 6px;
+}
+
+.switcher-list .item-box:outlined {
+  padding: 8px;
+  border: 1px solid #e2e9e9;
+}
+
+.switcher-list .item-box:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  border: 0px solid #e2e9e9;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 4px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(238, 255, 255, 0.2);
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: #eeffff;
+}
+
+.switcher-arrow:highlighted {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.thumbnail-scroll-gradient-left {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 24px;
+  border-radius-topright: 0px;
+  border-radius-bottomright: 0px;
+  width: 60px;
+}
+
+.thumbnail-scroll-gradient-right {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 24px;
+  border-radius-topleft: 0px;
+  border-radius-bottomleft: 0px;
+  width: 60px;
+}
+
+.ripple-box {
+  width: 104px;
+  height: 104px;
+  background-image: url('assets/corner-ripple.svg');
+  background-size: contain;
+}
+
+.lightbox {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.flashspot {
+  background-color: #eeffff;
+}
+
+.modal-dialog {
+  color: #eeffff;
+  background-color: rgba(31, 34, 51, 0.95);
+  border: 1px solid rgba(0, 0, 0, 0.65);
+  padding: 0 5px 6px 5px;
+  border-radius: 6px;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
+}
+
+.modal-dialog > StBoxLayout:first-child {
+  padding: 20px 10px 10px 10px;
+}
+
+.modal-dialog-button-box {
+  spacing: 0;
+  margin: 0;
+  padding: 14px 10px;
+  background-color: transparent;
+  border: none;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+  padding-top: 0;
+  padding-bottom: 0;
+  height: 30px;
+}
+
+.run-dialog {
+  padding: 6px 12px;
+  background-color: rgba(31, 34, 51, 0.9);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+.run-dialog > * {
+  padding: 0;
+}
+
+.run-dialog-label {
+  font-size: 0;
+  font-weight: bold;
+  color: #eeffff;
+  padding-bottom: 0;
+}
+
+.run-dialog-error-label {
+  color: #f28b82;
+}
+
+.run-dialog-error-box {
+  padding-top: 15px;
+  spacing: 5px;
+}
+
+.run-dialog-completion-box {
+  padding-left: 15px;
+  font-size: 10px;
+}
+
+.run-dialog-entry {
+  width: 21em;
+  padding: 3px 12px;
+  border-radius: 6px;
+  caret-color: #eeffff;
+  selected-color: rgba(0, 0, 0, 0.87);
+  selection-background-color: #e2e9e9;
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid transparent;
+}
+
+.run-dialog-entry:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid #84ffff;
+}
+
+.run-dialog .modal-dialog-button-box {
+  border: none;
+  box-shadow: none;
+  background: none;
+  background-gradient-direction: none;
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+  icon-size: 48px;
+}
+
+.mount-password-reask {
+  color: #ffcb6b;
+}
+
+.show-processes-dialog,
+.mount-question-dialog {
+  spacing: 24px;
+}
+
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+  padding-top: 10px;
+  padding-left: 17px;
+  padding-bottom: 6px;
+}
+
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+  padding-left: 0px;
+  padding-right: 17px;
+}
+
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+  padding-left: 17px;
+  width: 28em;
+}
+
+.show-processes-dialog-description:rtl,
+.mount-question-dialog-description:rtl {
+  padding-right: 17px;
+}
+
+.show-processes-dialog-app-list {
+  max-height: 200px;
+  padding-top: 24px;
+  padding-left: 49px;
+  padding-right: 32px;
+}
+
+.show-processes-dialog-app-list:rtl {
+  padding-right: 49px;
+  padding-left: 32px;
+}
+
+.show-processes-dialog-app-list-item {
+  color: #ccc;
+}
+
+.show-processes-dialog-app-list-item:hover {
+  color: #eeffff;
+}
+
+.show-processes-dialog-app-list-item:ltr {
+  padding-right: 1em;
+}
+
+.show-processes-dialog-app-list-item:rtl {
+  padding-left: 1em;
+}
+
+.show-processes-dialog-app-list-item-icon:ltr {
+  padding-right: 17px;
+}
+
+.show-processes-dialog-app-list-item-icon:rtl {
+  padding-left: 17px;
+}
+
+.show-processes-dialog-app-list-item-name {
+  font-size: 1.1em;
+}
+
+.magnifier-zoom-region {
+  border: 2px solid maroon;
+}
+
+.magnifier-zoom-region .full-screen {
+  border-width: 0px;
+}
+
+#keyboard {
+  background-color: rgba(31, 34, 51, 0.9);
+  border-width: 0;
+  border-top-width: 1px;
+  border-color: rgba(0, 0, 0, 0.4);
+}
+
+.keyboard-layout {
+  spacing: 10px;
+  padding: 10px;
+}
+
+.keyboard-row {
+  spacing: 15px;
+}
+
+.keyboard-key {
+  min-height: 2em;
+  min-width: 2em;
+  font-size: 14pt;
+  font-weight: bold;
+  border-radius: 6px;
+  box-shadow: none;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.keyboard-key:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.keyboard-key:active,
+.keyboard-key:checked {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.keyboard-key:grayed {
+  color: rgba(238, 255, 255, 0.3);
+  background-color: transparent;
+}
+
+.keyboard-subkeys {
+  color: #eeffff;
+  padding: 5px;
+  -arrow-border-radius: 6px;
+  -arrow-background-color: rgba(31, 34, 51, 0.9);
+  -arrow-border-width: 1px;
+  -arrow-border-color: rgba(0, 0, 0, 0.4);
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 5px;
+}
+
+.menu-favorites-box {
+  margin: auto;
+  margin-bottom: 6px;
+  padding: 6px;
+  transition-duration: 300;
+  background-color: rgba(238, 255, 255, 0.05);
+  border: none;
+  border-radius: 6px;
+}
+
+.menu-favorites-button {
+  padding: 9px;
+  border: none;
+  border-radius: 6px;
+}
+
+.menu-favorites-button:hover {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.menu-places-box {
+  margin: auto;
+  padding: 9px;
+  border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.menu-places-button {
+  padding: 9px;
+}
+
+.menu-categories-box {
+  padding: 9px 30px;
+}
+
+.menu-applications-inner-box,
+.menu-applications-outer-box {
+  padding: 9px 9px 0 9px;
+}
+
+.menu-application-button {
+  padding: 6px;
+  border-radius: 6px;
+  border: none;
+}
+
+.menu-application-button:highlighted {
+  font-weight: bold;
+}
+
+.menu-application-button-selected {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  padding: 6px;
+  border-radius: 6px;
+  border: none;
+}
+
+.menu-application-button-selected:highlighted {
+  font-weight: bold;
+}
+
+.menu-application-button-label:ltr {
+  padding-left: 6px;
+}
+
+.menu-application-button-label:rtl {
+  padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button {
+  padding: 3px 0;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item {
+  padding: 0;
+  spacing: 0;
+  margin: 0 3px;
+  border-radius: 6px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:ltr {
+  padding-left: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:rtl {
+  padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:active {
+  border-image: none;
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StIcon {
+  min-width: 22px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr {
+  padding: 6px 0 6px 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl {
+  padding: 6px 6px 6px 0;
+}
+
+.menu-category-button {
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.menu-category-button-selected {
+  padding: 6px;
+}
+
+.menu-category-button-hover,
+.menu-category-button-selected {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.menu-category-button-greyed {
+  padding: 6px;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.menu-category-button-label:ltr {
+  padding-left: 6px;
+}
+
+.menu-category-button-label:rtl {
+  padding-right: 6px;
+}
+
+.menu-selected-app-box {
+  padding-right: 30px;
+  padding-left: 28px;
+  text-align: right;
+  height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+  padding-top: 10px;
+  height: 30px;
+}
+
+.menu-selected-app-title {
+  font-weight: bold;
+}
+
+.menu-selected-app-description {
+  max-width: 150px;
+  margin-bottom: 6px;
+}
+
+.menu-search-box:ltr {
+  padding-left: 30px;
+}
+
+.menu-search-box-rtl {
+  padding-right: 30px;
+}
+
+#menu-search-entry {
+  width: 250px;
+  height: 15px;
+  font-weight: normal;
+  caret-color: #eeffff;
+}
+
+.menu-search-entry-icon {
+  icon-size: 1em;
+  color: #eeffff;
+}
+
+.info-osd {
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em;
+  padding: 16px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(15, 17, 26, 0.85);
+}
+
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em;
+  padding: 20px;
+  min-width: 64px;
+  min-height: 64px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 0;
+  background-color: rgba(15, 17, 26, 0.85);
+  border: none;
+}
+
+.osd-window .osd-monitor-label {
+  font-size: 3em;
+}
+
+.osd-window .level {
+  padding: 0;
+  height: 4px;
+  background-color: rgba(0, 0, 0, 0.35);
+  border-radius: 6px;
+  color: #e2e9e9;
+}
+
+.osd-window .level-bar {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+.window-list-box {
+  spacing: 2px;
+}
+
+.panel-bottom .window-list-box:ltr,
+.panel-top .window-list-box:ltr {
+  padding: 0 0 0 8px;
+}
+
+.panel-bottom .window-list-box:rtl,
+.panel-top .window-list-box:rtl {
+  padding: 0 8px 0 0;
+}
+
+.window-list-box.vertical {
+  padding: 6px 0 0 0;
+}
+
+.window-list-box.vertical #appMenuIcon {
+  padding-top: 2px;
+}
+
+.window-list-box:highlight {
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+.window-list-item-label {
+  font-weight: normal;
+  width: 15em;
+  min-width: 5px;
+}
+
+.window-list-item-box {
+  font-weight: normal;
+  background-image: none;
+  transition-duration: 100ms;
+  color: rgba(238, 255, 255, 0.9);
+  border-radius: 0;
+}
+
+.panel-bottom .window-list-item-box StLabel {
+  padding-left: 6px;
+}
+
+.panel-top .window-list-item-box StLabel {
+  padding-left: 6px;
+}
+
+.panel-left .window-list-item-box StLabel {
+  padding-top: 6px;
+}
+
+.panel-right .window-list-item-box StLabel {
+  padding-top: 6px;
+}
+
+.panel-top .window-list-item-box {
+  border-top: 2px solid transparent;
+}
+
+.panel-top .window-list-item-box StIcon,
+.panel-top .window-list-item-box StBin,
+.panel-top .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-top: 0;
+}
+
+.panel-bottom .window-list-item-box {
+  border-bottom: 2px solid transparent;
+}
+
+.panel-bottom .window-list-item-box StIcon,
+.panel-bottom .window-list-item-box StBin,
+.panel-bottom .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-bottom: 0;
+}
+
+.panel-left .window-list-item-box {
+  border-left: 2px solid transparent;
+}
+
+.panel-left .window-list-item-box StIcon,
+.panel-left .window-list-item-box StBin,
+.panel-left .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-left: 0;
+}
+
+.panel-right .window-list-item-box {
+  border-right: 2px solid transparent;
+}
+
+.panel-right .window-list-item-box StIcon,
+.panel-right .window-list-item-box StBin,
+.panel-right .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-right: 0;
+}
+
+.window-list-item-box:hover {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.window-list-item-box:active,
+.window-list-item-box:checked,
+.window-list-item-box:running {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.25);
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+.window-list-item-box:active:hover,
+.window-list-item-box:checked:hover,
+.window-list-item-box:running:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.window-list-item-box:focus {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-image: radial-gradient(
+    5px 5px 45deg,
+    circle cover,
+    rgba(238, 255, 255, 0.7) 0%,
+    rgba(238, 255, 255, 0.7) 100%
+  );
+  border-color: #e2e9e9;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.window-list-item-box:focus:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.panel-top .window-list-item-box:focus {
+  background-position: top center;
+}
+
+.panel-bottom .window-list-item-box:focus {
+  background-position: bottom center;
+}
+
+.panel-left .window-list-item-box:focus {
+  background-position: left center;
+}
+
+.panel-right .window-list-item-box:focus {
+  background-position: right center;
+}
+
+.window-list-item-box.right,
+.window-list-item-box.left {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.window-list-item-box .progress {
+  background-gradient-direction: vertical;
+  background-gradient-start: #81c995;
+  background-gradient-end: #81c995;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+.window-list-item-demands-attention {
+  background-gradient-start: #ffcb6b;
+  background-gradient-end: #ffcb6b;
+}
+
+.window-list-preview {
+  padding: 12px;
+  spacing: 6px;
+  border: none;
+  background-color: #0f111a;
+  border-radius: 6px;
+  color: #eeffff;
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
+}
+
+.grouped-window-list-thumbnail-label {
+  padding-left: 4px;
+}
+
+.grouped-window-list-thumbnail-alert {
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+.grouped-window-list-thumbnail-menu {
+  padding: 6px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box {
+  padding: 6px;
+  border-radius: 6px;
+  spacing: 6px;
+  margin: 1px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:outlined {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.grouped-window-list-thumbnail-menu .item-box:hover {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.grouped-window-list-thumbnail-menu .thumbnail {
+  width: 256px;
+}
+
+.grouped-window-list-thumbnail-menu .separator {
+  width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.grouped-window-list-number-label {
+  z-index: 120;
+  text-shadow: none;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 0;
+}
+
+.grouped-window-list-button-label {
+  padding-left: 2px;
+}
+
+.grouped-window-list-badge {
+  border-radius: 256px;
+  background-color: #e2e9e9;
+}
+
+.grouped-window-list-item-box {
+  font-weight: normal;
+  transition-duration: 100ms;
+  border: none;
+  margin: 0;
+  color: rgba(238, 255, 255, 0.6);
+  border-radius: 0;
+  spacing: 6px;
+  border-bottom: 2px solid transparent;
+}
+
+.grouped-window-list-item-box.top,
+.grouped-window-list-item-box.bottom {
+  padding: 0 2px;
+}
+
+.grouped-window-list-item-box:hover {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.grouped-window-list-item-box:active {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: transparent;
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+.grouped-window-list-item-box:active:hover {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.grouped-window-list-item-box:focus {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.2);
+  border-color: #e2e9e9;
+}
+
+.grouped-window-list-item-box:focus:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.grouped-window-list-item-box .progress {
+  background-gradient-direction: vertical;
+  background-gradient-start: #81c995;
+  background-gradient-end: #81c995;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+.grouped-window-list-item-demands-attention {
+  background-gradient-start: #ffcb6b;
+  background-gradient-end: #ffcb6b;
+}
+
+.sound-button {
+  width: 22px;
+  height: 13px;
+  padding: 8px;
+}
+
+.sound-button-container {
+  padding-right: 3px;
+  padding-left: 3px;
+}
+
+.sound-button StIcon {
+  icon-size: 1.4em;
+}
+
+.sound-track-infos {
+  padding: 5px;
+}
+
+.sound-track-info {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+
+.sound-track-info StIcon {
+  icon-size: 16px;
+}
+
+.sound-track-info StLabel {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.sound-track-box {
+  padding-left: 15px;
+  padding-right: 15px;
+  max-width: 220px;
+}
+
+.sound-seek-box {
+  padding-left: 15px;
+}
+
+.sound-seek-box StLabel {
+  padding-top: 2px;
+}
+
+.sound-seek-box StIcon {
+  icon-size: 16px;
+}
+
+.sound-seek-slider {
+  width: 140px;
+}
+
+.sound-volume-menu-item {
+  padding: 0.4em 1.75em;
+}
+
+.sound-volume-menu-item StIcon {
+  icon-size: 1.14em;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.sound-playback-control {
+  padding: 5px 10px 10px 10px;
+}
+
+.sound-player {
+  padding: 0 0;
+  margin-top: 6px;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.sound-player > StBoxLayout:first-child {
+  padding: 5px 10px 10px 10px;
+  spacing: 0.5em;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small {
+  width: 24px;
+  height: 24px;
+  border-radius: 9999px;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:hover {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:active {
+  background-color: rgba(0, 0, 0, 0.26);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small StIcon {
+  icon-size: 16px;
+}
+
+.sound-player-generic-coverart {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.sound-player-overlay {
+  width: 290px;
+  height: 80px;
+  padding: 12px 18px;
+  spacing: 6px;
+  background-color: rgba(0, 0, 0, 0.45);
+  border: none;
+  border-radius: 0 0 6px 6px;
+  color: #eeffff;
+  text-shadow: none;
+}
+
+.sound-player-overlay StButton {
+  width: 16px;
+  height: 16px;
+  padding: 8px;
+  margin: 0 6px 6px;
+  color: #eeffff;
+  border-radius: 9999px;
+  border: none;
+  text-shadow: none;
+}
+
+.sound-player-overlay StButton StIcon {
+  icon-size: 16px;
+}
+
+.sound-player-overlay StButton:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.sound-player-overlay StButton:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.sound-player-overlay StLabel {
+  padding: 0 6px;
+}
+
+.sound-player-overlay StBoxLayout {
+  padding-top: 2px;
+}
+
+.sound-player .slider {
+  height: 0.5em;
+  padding: 0;
+  border: 0px solid rgba(5, 5, 5, 0.9);
+  border-bottom: 1px;
+  -slider-height: 0.5em;
+  -slider-background-color: #1f1f1f;
+  -slider-border-color: rgba(0, 0, 0, 0);
+  -slider-active-background-color: #e2e9e9;
+  -slider-active-border-color: rgba(0, 0, 0, 0);
+  -slider-border-width: 0px;
+  -slider-handle-radius: 0px;
+}
+
+#workspaceSwitcher {
+  spacing: 0px;
+  padding: 3px;
+}
+
+/* Controls the styling when using the "Simple buttons" option */
+.workspace-switcher {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.workspace-button {
+  width: 20px;
+  height: 10px;
+  color: rgba(238, 255, 255, 0.7);
+  padding: 3px;
+  padding-top: 4px;
+  transition-duration: 300;
+}
+
+.workspace-button:outlined,
+.workspace-button:outlined:hover {
+  color: #e2e9e9;
+}
+
+.workspace-button:hover {
+  color: #eeffff;
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+  padding: 3px;
+  spacing: 3px;
+}
+
+.workspace-graph .workspace {
+  border: 1px solid rgba(0, 0, 0, 0.4);
+  background-gradient-direction: none;
+  background-color: rgba(0, 0, 0, 0.2);
+}
+
+.workspace-graph .workspace:active {
+  border: 1px solid #e2e9e9;
+  background-gradient-direction: none;
+}
+
+.workspace-graph .workspace .windows {
+  -active-window-background: rgba(71, 71, 71, 0.75);
+  -active-window-border: rgba(0, 0, 0, 0.8);
+  -inactive-window-background: rgba(71, 71, 71, 0.75);
+  -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+.workspace-graph .workspace:active .windows {
+  -active-window-background: rgba(84, 84, 84, 0.75);
+  -active-window-border: rgba(0, 0, 0, 0.8);
+  -inactive-window-background: rgba(46, 46, 46, 0.75);
+  -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+#panel-launchers-box {
+  padding: 0 6px;
+}
+
+#panel-launchers-box.vertical {
+  padding: 3px 0;
+}
+
+.panel-launcher {
+  padding: 2px;
+  transition-duration: 200ms;
+  border-radius: 0;
+}
+
+.panel-launcher:hover {
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.panel-launcher:active {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.launcher {
+  padding: 2px;
+  spacing: 2px;
+  transition-duration: 0.2s;
+  border-radius: 0;
+}
+
+.launcher:hover {
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.launcher:active {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.launcher .icon-box {
+  padding: 2px;
+}
+
+.applet-separator {
+  padding: 1px 3px;
+}
+
+.applet-separator-line {
+  width: 1px;
+  background: rgba(238, 255, 255, 0.12);
+}
+
+.applet-box {
+  padding: 0 6px;
+  color: rgba(238, 255, 255, 0.7);
+  text-shadow: none;
+  transition-duration: 100ms;
+  border-radius: 0;
+}
+
+.applet-box.vertical {
+  padding: 6px 0;
+}
+
+.applet-box:hover {
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.applet-box:checked,
+.applet-box:checked:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.applet-box:highlight {
+  background-image: none;
+  border-image: none;
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+.applet-label {
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.applet-box:checked .applet-label {
+  color: rgba(0, 0, 0, 0.87);
+  text-shadow: none;
+}
+
+.applet-icon {
+  color: rgba(238, 255, 255, 0.7);
+  icon-size: 16px;
+}
+
+.applet-box:checked .applet-icon {
+  color: rgba(238, 255, 255, 0.7);
+  text-shadow: none;
+}
+
+.user-icon {
+  width: 32px;
+  height: 32px;
+  background-color: transparent;
+  border: none;
+  border-radius: 0;
+}
+
+.user-label {
+  color: #eeffff;
+  font-size: 1em;
+  font-weight: bold;
+  margin: 0px;
+}
+
+.desklet {
+  color: #eeffff;
+}
+
+.desklet:highlight {
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+.desklet-with-borders {
+  color: #eeffff;
+  background-color: rgba(31, 34, 51, 0.9);
+  padding: 12px;
+  padding-bottom: 16px;
+}
+
+.desklet-with-borders:highlight {
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+.desklet-with-borders-and-header {
+  color: #eeffff;
+  background-color: rgba(31, 34, 51, 0.9);
+  border-radius: 6px;
+  border-radius-topleft: 0;
+  border-radius-topright: 0;
+  padding: 12px;
+  padding-bottom: 17px;
+}
+
+.desklet-with-borders-and-header:highlight {
+  background-color: rgba(242, 139, 130, 0.5);
+}
+
+.desklet-header {
+  color: #eeffff;
+  background-color: rgba(31, 34, 51, 0.9);
+  border-radius: 0;
+  border-radius-topleft: 6px;
+  border-radius-topright: 6px;
+  font-size: 1em;
+  padding: 12px;
+  padding-bottom: 6px;
+}
+
+.desklet-drag-placeholder {
+  border: 2px solid #84ffff;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+.photoframe-box {
+  color: #eeffff;
+  background-color: rgba(31, 34, 51, 0.9);
+  padding: 12px;
+  padding-bottom: 16px;
+}
+
+.workspace-osd {
+  text-shadow: black 5px 5px 5px;
+  font-weight: bold;
+  font-size: 48pt;
+}
+
+.notification-applet-padding {
+  padding: 0.5em 1em;
+}
+
+.notification-applet-container {
+  max-height: 9999px;
+}
+
+.tile-preview,
+.tile-preview.snap,
+.tile-hud,
+.tile-hud.snap {
+  background-color: rgba(226, 233, 233, 0.3);
+  border: 1px solid #e2e9e9;
+}
+
+.xkcd-box {
+  padding: 6px;
+  border: 0px;
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 0px;
+}
diff --git a/Material/files/Material/config/DeepOcean-BL/gnome-shell/gnome-shell.css b/Material/files/Material/config/DeepOcean-BL/gnome-shell/gnome-shell.css
new file mode 100644
index 000000000..375e82e66
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-BL/gnome-shell/gnome-shell.css
@@ -0,0 +1,4398 @@
+/* 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.
+ */
+
+.message-list .message-list-placeholder {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.quick-toggle-menu .header .title {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.quick-toggle-menu .header .subtitle {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+.icon-label-button-container {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.ripple-pointer-location {
+  width: 48px;
+  height: 48px;
+  border-radius: 24px;
+  background-color: rgba(238, 255, 255, 0.3);
+  box-shadow: 0 0 2px 2px #eeffff;
+}
+
+.pie-timer {
+  width: 60px;
+  height: 60px;
+  -pie-border-width: 3px;
+  -pie-border-color: #e2e9e9;
+  -pie-background-color: rgba(238, 255, 255, 0.3);
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #e2e9e9;
+}
+
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+/* App Icons */
+.show-apps .show-apps-icon {
+  color: transparent;
+  background-image: url('assets/applogo.svg');
+  background-size: contain;
+  border-radius: 6px;
+  padding: 2px 4px;
+}
+
+.show-apps .overview-icon,
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+  color: #eeffff;
+  border-radius: 9px;
+  padding: 6px;
+  border: none;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.show-apps:hover .overview-icon,
+.show-apps:focus .overview-icon,
+.show-apps:selected .overview-icon,
+.app-well-app:hover .overview-icon,
+.app-well-app:focus .overview-icon,
+.app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:focus .overview-icon,
+.grid-search-result:selected .overview-icon {
+  color: #84ffff;
+  background-color: rgba(35, 38, 55, 0.65);
+  border-image: none;
+  background-image: none;
+}
+
+.show-apps:active .overview-icon,
+.show-apps:checked .overview-icon,
+.app-well-app:active .overview-icon,
+.app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+  background-color: rgba(35, 38, 55, 1);
+  box-shadow: none;
+}
+
+.app-well-app.app-folder {
+  background-color: rgba(35, 38, 55, 0.65);
+  border-radius: 12px;
+}
+
+.app-well-app.app-folder .overview-icon {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.app-well-app.app-folder:hover {
+  background-color: rgba(35, 38, 55, 1);
+}
+
+.app-well-app.app-folder:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.app-folder-dialog {
+  border-radius: 36px;
+  padding: 12px;
+  background-color: rgba(15, 17, 26, 0.95);
+  border: 1px solid rgba(132, 255, 255, 0.55);
+  box-shadow: inset 0 0 0 1px rgba(132, 255, 255, 0.2);
+}
+
+.app-folder-dialog .folder-name-container {
+  padding: 24px 36px 0;
+  spacing: 12px;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label,
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  font-size: 18pt;
+  font-weight: bold;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  width: 300px;
+  border: 2px solid transparent;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+  padding: 9px 8px;
+  color: #84ffff;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+  background-color: rgba(238, 255, 255, 0.06);
+  color: #84ffff;
+  border: none;
+  padding: 0;
+  width: 36px;
+  height: 36px;
+  border-radius: 9999px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+  icon-size: 16px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked,
+.app-folder-dialog .folder-name-container .edit-folder-button:active {
+  background-color: #eeffff;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.app-folder-dialog .icon-grid {
+  row-spacing: 12px;
+  column-spacing: 24px;
+  page-padding-top: 0;
+  page-padding-bottom: 0;
+  page-padding-left: 0;
+  page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+  margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+  padding: 0;
+  width: 620px;
+  height: 620px;
+}
+
+.app-well-app-running-dot {
+  width: 6px;
+  height: 3px;
+  border-radius: 2px;
+  background-color: rgba(238, 255, 255, 0.3);
+  margin-bottom: 0;
+}
+
+StWidget.focused .app-well-app-running-dot {
+  width: 24px;
+  background-color: #eeffff !important;
+}
+
+.app-menu,
+.app-well-menu {
+  max-width: 27.25em;
+}
+
+.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;
+}
+
+.system-action-icon {
+  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
+  background-color: rgba(15, 17, 26, 0.95);
+  color: #eeffff;
+  border-radius: 9999px;
+  icon-size: 48px;
+}
+
+.shell-link {
+  border-radius: 6px;
+  color: #89ddff;
+}
+
+.shell-link:hover {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.shell-link:active {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.25);
+}
+
+.lowres-icon {
+  icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.icon-dropshadow {
+  icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
+}
+
+/* Buttons */
+.hotplug-notification-item,
+.icon-button,
+.button {
+  color: #eeffff;
+  background-color: rgba(41, 45, 62, 0.95);
+  box-shadow: none !important;
+}
+
+.hotplug-notification-item:focus,
+.icon-button:focus,
+.button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.hotplug-notification-item:hover,
+.icon-button:hover,
+.button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none !important;
+}
+
+.hotplug-notification-item:active,
+.icon-button:active,
+.button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none !important;
+}
+
+.hotplug-notification-item:insensitive,
+.icon-button:insensitive,
+.button:insensitive {
+  color: rgba(238, 255, 255, 0.35);
+  background-color: rgba(41, 45, 62, 0.95);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button,
+.candidate-page-button,
+.modal-dialog-linked-button,
+.popup-menu .button {
+  color: #eeffff;
+  background-color: transparent;
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:focus,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus,
+.candidate-page-button:focus,
+.modal-dialog-linked-button:focus,
+.popup-menu .button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:hover,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover,
+.candidate-page-button:hover,
+.modal-dialog-linked-button:hover,
+.popup-menu .button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.lg-obj-inspector-button:active,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:active,
+.candidate-page-button:active,
+.modal-dialog-linked-button:active,
+.popup-menu .button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:insensitive,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive,
+.candidate-page-button:insensitive,
+.modal-dialog-linked-button:insensitive,
+.popup-menu .button:insensitive {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.35);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button,
+.screenshot-ui-type-button,
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button,
+.login-dialog .modal-dialog-button,
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button:default {
+  color: #eeffff;
+  background-color: transparent;
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:insensitive,
+.screenshot-ui-type-button:insensitive,
+.login-dialog .cancel-button:insensitive,
+.login-dialog .switch-user-button:insensitive,
+.login-dialog .login-dialog-session-list-button:insensitive,
+.unlock-dialog .cancel-button:insensitive,
+.unlock-dialog .switch-user-button:insensitive,
+.unlock-dialog .login-dialog-session-list-button:insensitive,
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+  color: rgba(238, 255, 255, 0.35);
+  background-color: rgba(15, 17, 26, 0.95);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:focus,
+.screenshot-ui-type-button:focus,
+.login-dialog .cancel-button:focus,
+.login-dialog .switch-user-button:focus,
+.login-dialog .login-dialog-session-list-button:focus,
+.unlock-dialog .cancel-button:focus,
+.unlock-dialog .switch-user-button:focus,
+.unlock-dialog .login-dialog-session-list-button:focus,
+.login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:hover,
+.screenshot-ui-type-button:hover,
+.login-dialog .cancel-button:hover,
+.login-dialog .switch-user-button:hover,
+.login-dialog .login-dialog-session-list-button:hover,
+.unlock-dialog .cancel-button:hover,
+.unlock-dialog .switch-user-button:hover,
+.unlock-dialog .login-dialog-session-list-button:hover,
+.login-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:active,
+.screenshot-ui-type-button:active,
+.login-dialog .cancel-button:active,
+.login-dialog .switch-user-button:active,
+.login-dialog .login-dialog-session-list-button:active,
+.unlock-dialog .cancel-button:active,
+.unlock-dialog .switch-user-button:active,
+.unlock-dialog .login-dialog-session-list-button:active,
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none !important;
+}
+
+.button {
+  min-height: 20px;
+  padding: 6px 12px;
+  border-radius: 6px;
+  border: none;
+}
+
+.icon-button {
+  border-radius: 9999px;
+  padding: 6px;
+}
+
+.icon-button StIcon {
+  icon-size: 16px !important;
+  -st-icon-style: symbolic;
+}
+
+/* Date/Time Menu */
+.popup-menu .message,
+.world-clocks-button,
+.weather-button,
+.events-button {
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.04);
+  border-radius: 6px;
+  border: none;
+  box-shadow: none;
+  text-shadow: none;
+  padding: 6px 9px;
+}
+
+.popup-menu .message:hover,
+.world-clocks-button:hover,
+.weather-button:hover,
+.events-button:hover,
+.popup-menu .message:focus,
+.world-clocks-button:focus,
+.weather-button:focus,
+.events-button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+.popup-menu .message:active,
+.world-clocks-button:active,
+.weather-button:active,
+.events-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none;
+}
+
+.clock-display-box {
+  spacing: 2px;
+}
+
+.clock-display-box .clock {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+#calendarArea {
+  padding: 6px 0;
+}
+
+.datemenu-calendar-column {
+  spacing: 6px;
+  border: 0 solid rgba(238, 255, 255, 0.12);
+  padding: 0 12px;
+}
+
+.datemenu-calendar-column:ltr {
+  margin-right: 0;
+  border-left-width: 0;
+}
+
+.datemenu-calendar-column:rtl {
+  margin-left: 0;
+  border-right-width: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-section {
+  padding-bottom: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+  spacing: 6px;
+}
+
+.world-clocks-header,
+.weather-header,
+.events-section-title {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: bold;
+}
+
+.datemenu-today-button,
+.datemenu-displays-box,
+.message-list-sections {
+  margin: 4px 6px;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+  border: none;
+  box-shadow: none;
+  background: none;
+  padding: 6px;
+  margin: 0 12px;
+  text-shadow: none;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 12px;
+}
+
+.datemenu-today-button:hover,
+.datemenu-today-button:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.datemenu-today-button:active {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.datemenu-today-button .day-label {
+  font-size: 12pt;
+  font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+  font-size: 18pt;
+  font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  padding: 0 3px !important;
+  margin: 0 !important;
+  text-shadow: none;
+  border-radius: 12px;
+}
+
+.calendar .calendar-month-label {
+  padding: 6px 0;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: bold;
+  text-align: center;
+  text-shadow: none;
+  font-size: 12pt;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 0 !important;
+  margin: 3px 0 !important;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+  icon-size: 16px;
+}
+
+.calendar .pager-button {
+  width: 32px !important;
+  height: 32px !important;
+  margin: 2px !important;
+  border-radius: 9999px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.calendar .pager-button:hover,
+.calendar .pager-button:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.calendar .pager-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.calendar .calendar-day-base {
+  font-size: 10pt;
+  text-align: center;
+  width: 34px !important;
+  height: 34px !important;
+  padding: 0 !important;
+  margin: 2px !important;
+  border-radius: 9999px;
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  font-feature-settings: 'tnum';
+}
+
+.calendar .calendar-day-base:hover,
+.calendar .calendar-day-base:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  outline: none;
+}
+
+.calendar .calendar-day-base:active,
+.calendar .calendar-day-base:selected {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+  border-color: transparent;
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+  margin-top: 1em;
+  color: rgba(238, 255, 255, 0.5);
+  font-size: 10pt;
+}
+
+.calendar .calendar-day {
+  border-width: 0;
+}
+
+.calendar .calendar-day-top {
+  border-top-width: 0;
+}
+
+.calendar .calendar-day-left {
+  border-left-width: 0;
+}
+
+.calendar .calendar-nonwork-day {
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: bold;
+}
+
+.calendar .calendar-today {
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.7) !important;
+  background-color: rgba(238, 255, 255, 0.06);
+  border: none;
+}
+
+.calendar .calendar-today:hover,
+.calendar .calendar-today:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff !important;
+}
+
+.calendar .calendar-today:active {
+  background-color: #b0bec5;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected {
+  background-color: #84ffff;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected:hover,
+.calendar .calendar-today:selected:focus {
+  background-color: #c792ea;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-day-with-events {
+  color: rgba(238, 255, 255, 0.7);
+  background-image: url('assets/calendar-today.svg');
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 0.5;
+}
+
+.calendar .calendar-week-number {
+  width: 26px;
+  height: 20px;
+  margin: 6px 2px !important;
+  padding: 0 0;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  font-size: inherit;
+  font-weight: bold;
+  text-align: center;
+}
+
+.world-clocks-button,
+.weather-button,
+.events-button {
+  padding: 12px !important;
+  margin: 2px 0 !important;
+}
+
+.events-button .events-box {
+  spacing: 6px;
+}
+
+.events-button .events-list {
+  spacing: 12px;
+  text-shadow: none;
+}
+
+.events-button .events-title {
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: bold;
+  text-shadow: none;
+}
+
+.events-button .event-time {
+  color: rgba(238, 255, 255, 0.5);
+  font-feature-settings: 'tnum';
+  font-size: 10pt;
+}
+
+.world-clocks-button .world-clocks-city {
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: bold;
+  font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time {
+  color: rgba(238, 255, 255, 0.5);
+  font-feature-settings: 'tnum';
+  font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+  text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+  text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+  color: rgba(238, 255, 255, 0.5);
+  font-feature-settings: 'tnum';
+  font-size: 10pt;
+}
+
+.world-clocks-grid,
+.weather-grid {
+  spacing-rows: 0.4em;
+  spacing-columns: 0.8em;
+}
+
+.weather-button {
+  margin-bottom: 6px !important;
+}
+
+.weather-button .weather-box {
+  spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+  spacing: 6px;
+}
+
+.weather-button .weather-header {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: bold;
+}
+
+.weather-button .weather-header.location {
+  font-weight: normal;
+  color: rgba(238, 255, 255, 0.5);
+  font-size: 10pt;
+}
+
+.weather-button .weather-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.weather-button .weather-forecast-time {
+  color: rgba(238, 255, 255, 0.7);
+  font-feature-settings: 'tnum';
+  font-size: 9pt;
+  font-weight: normal;
+  padding-top: 0.2em;
+  padding-bottom: 0.4em;
+}
+
+.weather-button .weather-forecast-icon {
+  icon-size: 32px;
+}
+
+.weather-button .weather-forecast-temp {
+  font-weight: bold;
+}
+
+/* Check Boxes */
+.check-box StBoxLayout {
+  spacing: 0.8em;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+  background-image: url('assets/checkbox-off.svg');
+}
+
+.check-box:hover StBin {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.check-box:active StBin {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+  background-image: url('assets/checkbox-dark.svg');
+}
+
+/* Activities Ripple */
+.ripple-box {
+  background-color: rgba(226, 233, 233, 0.35);
+  box-shadow: 0 0 2px 2px #eeffff;
+  width: 52px;
+  height: 52px;
+  border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+  border-radius: 0 0 0 52px;
+}
+
+/* Dash */
+#dash {
+  font-size: 9pt;
+}
+
+#dash .empty-dash-drop-target {
+  width: 32px;
+  height: 32px;
+}
+
+.dash-label {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #84ffff;
+  padding: 6px 12px;
+  text-align: center;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.55);
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
+  -y-offset: 12px;
+  -x-offset: 8px;
+}
+
+/* Modal Dialogs */
+.candidate-popup-content,
+.modal-dialog {
+  background-color: #232637;
+  border-radius: 12px;
+  margin: 15px;
+  border: 1px solid rgba(132, 255, 255, 0.55);
+  box-shadow: inset 0 0 0 1px rgba(132, 255, 255, 0.2);
+}
+
+.modal-dialog-linked-button:last-child {
+  color: #eeffff;
+  background-color: #3b3f51;
+}
+
+.modal-dialog-linked-button:hover:last-child {
+  color: #eeffff;
+  background-color: #6e98eb;
+}
+
+.modal-dialog-linked-button:active:last-child {
+  color: #eeffff;
+  background-color: #dc6068;
+}
+
+.modal-dialog-linked-button:insensitive:last-child {
+  background-color: rgba(226, 233, 233, 0.05);
+  color: rgba(226, 233, 233, 0.35);
+}
+
+.headline {
+  font-size: 12pt;
+}
+
+.modal-dialog {
+  color: #eeffff;
+  padding: 0 6px 6px 6px;
+}
+
+.modal-dialog-linked-button {
+  min-height: 32px;
+  padding: 6px;
+  margin: 3px !important;
+  border: none !important;
+  border-radius: 6px;
+}
+
+.modal-dialog-linked-button:first-child {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.modal-dialog-linked-button:first-child:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.modal-dialog-linked-button:first-child:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.modal-dialog-linked-button:first-child:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none !important;
+}
+
+.modal-dialog .modal-dialog-content-box {
+  margin: 30px 42px;
+  spacing: 30px;
+  max-width: 28em;
+}
+
+.end-session-dialog {
+  width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+  color: #ffcb6b;
+}
+
+.message-dialog-content {
+  spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+  text-align: center;
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+  font-size: 13pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+  text-align: center;
+}
+
+.dialog-list {
+  spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+  text-align: center;
+  font-weight: bold;
+}
+
+.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: rgba(238, 255, 255, 0.7);
+  font-size: 10pt;
+}
+
+.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: rgba(238, 255, 255, 0.7);
+  font-size: 10pt;
+}
+
+.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;
+  font-size: 10pt;
+  margin: 6px;
+}
+
+.prompt-dialog-error-label {
+  color: #f28b82;
+}
+
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.polkit-dialog-user-layout {
+  text-align: center;
+  spacing: 8px;
+  margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+  color: #ffcb6b;
+}
+
+.audio-device-selection-dialog .modal-dialog-content-box {
+  margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+  spacing: 20px;
+}
+
+.audio-selection-device {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.audio-selection-device:hover,
+.audio-selection-device:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.audio-selection-device:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.audio-selection-device-box {
+  padding: 18px;
+  spacing: 18px;
+}
+
+.audio-selection-device-icon {
+  icon-size: 64px;
+}
+
+.welcome-dialog-image {
+  background-image: url('resource:///org/gnome/shell/theme/gnome-shell-start.svg');
+  background-size: contain;
+  height: 300px;
+  width: 300px;
+}
+
+/* Entries */
+StEntry,
+.search-entry {
+  min-height: 20px;
+  padding: 6px 12px;
+  margin: 2px;
+  border: none;
+  border-radius: 6px;
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid transparent;
+  box-shadow: none;
+  caret-color: #eeffff;
+  selection-background-color: rgba(238, 255, 255, 0.25);
+  selected-color: #eeffff;
+}
+
+StEntry:hover,
+.search-entry:hover {
+  color: #eeffff;
+  border-color: rgba(226, 233, 233, 0.35);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+StEntry:focus,
+.search-entry:focus {
+  color: #eeffff;
+  border-color: #e2e9e9;
+  background-color: rgba(238, 255, 255, 0.04);
+  box-shadow: none;
+}
+
+StEntry:insensitive,
+.search-entry:insensitive {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.35);
+  border-color: transparent;
+}
+
+StEntry StIcon.capslock-warning,
+.search-entry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #ffcb6b;
+  padding: 0;
+}
+
+StEntry StIcon.peek-password,
+.search-entry StIcon.peek-password {
+  icon-size: 16px;
+  padding: 0 4px;
+}
+
+StEntry StLabel.hint-text,
+.search-entry StLabel.hint-text {
+  margin-left: 2px;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.hotplug-notification-item {
+  padding: 12px;
+  border-style: solid;
+  border-width: 0;
+  border-left-width: 0;
+  border-bottom-width: 0;
+}
+
+.hotplug-notification-item:first-child {
+  border-radius: 0 0 0 6px;
+}
+
+.hotplug-notification-item:last-child {
+  border-right-width: 0;
+  border-radius: 0 0 6px 0;
+}
+
+.hotplug-notification-item:first-child:last-child {
+  border-radius: 0 0 6px 6px;
+}
+
+.hotplug-notification-item-icon {
+  icon-size: 24px;
+  padding: 0 4px;
+}
+
+.candidate-popup-boxpointer {
+  -arrow-border-radius: 2px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 64px;
+  -arrow-rise: 12px;
+}
+
+.candidate-popup-content {
+  color: rgba(238, 255, 255, 0.7);
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35) !important;
+  border: none;
+  margin: 3px 8px 12px !important;
+  padding: 6px;
+  spacing: 6px;
+}
+
+.candidate-index {
+  padding: 0 0.5em 0 0;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.candidate-box:selected .candidate-index {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.candidate-box {
+  padding: 0.3em 0.5em 0.3em 0.5em;
+  margin-right: 2px;
+  border-radius: 6px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.candidate-box:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.candidate-box:active {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #eeffff;
+}
+
+.candidate-box:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.candidate-box:last-child {
+  margin-right: 0;
+}
+
+.candidate-page-button-box {
+  height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+  padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+  padding-left: 0.5em;
+}
+
+.candidate-page-button {
+  padding: 6px 9px;
+}
+
+.candidate-page-button-previous,
+.candidate-page-button-next {
+  border-radius: 6px;
+}
+
+.candidate-page-button-icon {
+  icon-size: 1em;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+  background-color: #232637;
+  box-shadow: none;
+}
+
+#keyboard .page-indicator {
+  padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+  width: 8px;
+  height: 8px;
+}
+
+.key-container,
+.keyboard-layout {
+  padding: 4px;
+  spacing: 4px;
+}
+
+.keyboard-key {
+  font-size: 16pt;
+  font-weight: bold;
+  min-height: 1.2em;
+  min-width: 1.2em;
+  border-radius: 9px;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: #3b3f51;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key:focus,
+.keyboard-key:hover {
+  color: #eeffff;
+  background-color: #464b5d;
+}
+
+.keyboard-key:checked,
+.keyboard-key:active {
+  color: #eeffff;
+  background-color: #515772;
+}
+
+.keyboard-key:grayed {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.keyboard-key.default-key {
+  background-color: #222436;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key.default-key:focus,
+.keyboard-key.default-key:hover {
+  color: #eeffff;
+  background-color: #444267;
+}
+
+.keyboard-key.default-key:checked,
+.keyboard-key.default-key:active {
+  color: #eeffff;
+  background-color: #515772;
+}
+
+.keyboard-key.enter-key {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key.enter-key:focus,
+.keyboard-key.enter-key:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #a6accd;
+}
+
+.keyboard-key.enter-key:checked,
+.keyboard-key.enter-key:active {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #717cb4;
+}
+
+.keyboard-key.shift-key-uppercase,
+.keyboard-key.shift-key-uppercase:focus,
+.keyboard-key.shift-key-uppercase:hover,
+.keyboard-key.shift-key-uppercase:checked,
+.keyboard-key.shift-key-uppercase:active {
+  color: #e2e9e9;
+}
+
+.keyboard-key StIcon {
+  icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+  color: inherit;
+  -arrow-border-radius: 12px;
+  -arrow-background-color: #232637;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 5px;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+}
+
+.emoji-page .keyboard-key {
+  background-color: transparent;
+  border: none;
+  color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+  border: none;
+  background-color: #e2e9e9;
+}
+
+.word-suggestions {
+  font-size: 14pt;
+  spacing: 12px;
+  min-height: 20pt;
+}
+
+/* Login Dialog */
+#lockDialogGroup {
+  background-color: rgba(15, 17, 26, 0.95);
+}
+
+.login-dialog-banner-view {
+  padding-top: 24px;
+  max-width: 23em;
+}
+
+.login-dialog,
+.unlock-dialog {
+  border: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+  spacing: 3px;
+}
+
+.login-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button {
+  padding: 0 16px;
+  border: none;
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+  padding: 0;
+  border-radius: 9999px;
+  width: 32px;
+  height: 32px;
+  border: none;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+  icon-size: 16px;
+}
+
+.login-dialog .login-dialog-message-warning,
+.unlock-dialog .login-dialog-message-warning {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog .user-icon,
+.unlock-dialog .user-icon {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog .user-icon StIcon,
+.unlock-dialog .user-icon StIcon {
+  background-color: rgba(15, 17, 26, 0.95);
+  color: #eeffff;
+}
+
+.login-dialog .user-icon,
+.login-dialog .user-icon.user-avatar,
+.unlock-dialog .user-icon,
+.unlock-dialog .user-icon.user-avatar {
+  border: none;
+}
+
+.login-dialog-logo-bin {
+  padding: 24px 0px;
+}
+
+.login-dialog-banner {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-button-box {
+  spacing: 5px;
+}
+
+.login-dialog-message {
+  text-align: center;
+}
+
+.login-dialog-message-warning {
+  color: #ffcb6b;
+}
+
+.login-dialog-message-hint {
+  padding-top: 0;
+  padding-bottom: 20px;
+}
+
+.login-dialog-user-selection-box {
+  padding: 100px 0px;
+}
+
+.login-dialog-not-listed-label {
+  padding-left: 2px;
+}
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
+.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+  color: #eeffff;
+}
+
+.login-dialog-not-listed-label {
+  font-size: 1em;
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.7);
+  padding-top: 1em;
+}
+
+.login-dialog-not-listed-label:hover {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-not-listed-label:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.login-dialog-user-list-view {
+  -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+  spacing: 12px;
+  padding: 0.2em;
+  width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected,
+.login-dialog-user-list:expanded .login-dialog-user-list-item:hover,
+.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+  border-right: 2px solid #e2e9e9;
+}
+
+.login-dialog-user-list-item {
+  border-radius: 12px;
+  padding: 6px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item:ltr .user-widget {
+  padding-right: 1em;
+}
+
+.login-dialog-user-list-item:rtl .user-widget {
+  padding-left: 1em;
+}
+
+.login-dialog-user-list-item:focus {
+  background-color: rgba(238, 255, 255, 0.04) !important;
+}
+
+.login-dialog-user-list-item:hover,
+.login-dialog-user-list-item:focus:hover {
+  background-color: rgba(238, 255, 255, 0.12) !important;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item:active,
+.login-dialog-user-list-item:focus:active {
+  background-color: rgba(238, 255, 255, 0.3) !important;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+  height: 2px;
+  margin: 6px 0 0 0;
+  background-color: rgba(238, 255, 255, 0.12) !important;
+}
+
+.user-widget-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.user-widget.horizontal .user-widget-label {
+  font-size: 13pt;
+  font-weight: bold;
+  padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+  padding-left: 14px;
+  text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+  padding-right: 14px;
+  text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+  font-size: 16pt;
+  text-align: center;
+  font-weight: normal;
+  padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+  padding-top: 24px;
+  padding-bottom: 12px;
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-prompt-entry {
+  height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: 12pt;
+  padding-top: 1em;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+  background-color: rgba(41, 45, 62, 0.95) !important;
+  spacing: 4px;
+  padding: 0;
+  border-radius: 6px;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+  color: #eeffff !important;
+  border: none;
+}
+
+#LookingGlassDialog > #Toolbar {
+  padding: 0 6px;
+  border: none;
+  border-radius: 0;
+  background-color: rgba(41, 45, 62, 0.95) !important;
+  box-shadow: inset 0 -1px 0 rgba(238, 255, 255, 0.12);
+  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;
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.5);
+  padding: 6px 12px;
+  transition-duration: 100ms;
+  border-bottom-width: 0;
+  border-radius: 0;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+  text-shadow: none;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: inset 0 -2px 0 #e2e9e9;
+  color: #eeffff;
+  text-shadow: none;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+  padding: 4px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+  spacing: 6px;
+  padding: 6px;
+}
+
+.lg-dialog StEntry {
+  min-height: 22px;
+  selection-background-color: #e2e9e9;
+  selected-color: rgba(0, 0, 0, 0.87);
+}
+
+.lg-dialog .shell-link {
+  color: #89ddff;
+}
+
+.lg-dialog .shell-link:hover {
+  color: #51adf6;
+}
+
+.lg-dialog .shell-link:active {
+  color: #0c7cd5;
+}
+
+.lg-dialog .actor-link {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.lg-dialog .actor-link:hover {
+  color: #eeffff;
+}
+
+.lg-dialog .actor-link:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.lg-completions-text {
+  font-size: 0.9em;
+  font-style: italic;
+}
+
+.lg-obj-inspector-title {
+  spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+  padding: 0 16px;
+  border: none;
+  border-radius: 6px;
+}
+
+.lg-obj-inspector-button:hover {
+  border: none;
+}
+
+#lookingGlassExtensions {
+  padding: 6px;
+}
+
+.lg-extensions-list {
+  padding: 6px;
+  spacing: 6px;
+}
+
+.lg-extension {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04) !important;
+  color: #eeffff !important;
+  padding: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+.lg-extension-name {
+  font-weight: bold;
+}
+
+.lg-extension-meta {
+  spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+  color: rgba(238, 255, 255, 0.7) !important;
+  background: rgba(41, 45, 62, 0.95) !important;
+  border: none;
+  border-radius: 6px;
+  padding: 6px;
+  margin: 5px 8px 11px;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+.lg-debug-flag-button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.lg-debug-flag-button StLabel {
+  padding: 6px 12px;
+}
+
+.lg-debug-flag-button:hover {
+  color: #eeffff;
+}
+
+.lg-debug-flag-button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.lg-debug-flags-header {
+  padding-top: 12px;
+  padding: 6px;
+  margin: 6px;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/* Message List */
+.message-list {
+  width: 31.5em;
+  text-shadow: none;
+  border: solid rgba(238, 255, 255, 0.12);
+  padding: 6px;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-right: 12px;
+  border-right-width: 1px;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 4px;
+  padding-left: 12px;
+  border-left-width: 1px;
+}
+
+.message-list .message-list-placeholder {
+  spacing: 12px;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 48px;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+  margin: 0 8px;
+}
+
+.message-list-section,
+.message-list-sections,
+.message-list-section-list {
+  spacing: 6px;
+}
+
+.message-list-controls {
+  margin: 8px 16px 0;
+  padding: 4px;
+  spacing: 12px;
+}
+
+.message {
+  margin: 3px 0;
+}
+
+.message .message-icon-bin {
+  padding: 18px 12px;
+  padding-right: 6px;
+}
+
+.message .message-icon-bin:rtl {
+  padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+  icon-size: 32px;
+  -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+  width: 16px;
+  height: 16px;
+}
+
+.message .message-secondary-bin {
+  padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+  color: rgba(238, 255, 255, 0.5);
+  font-size: 9pt;
+  text-align: right;
+  padding-bottom: 0;
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+  text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+  text-align: left;
+}
+
+.message .message-title {
+  color: #eeffff;
+  font-weight: bold;
+  padding-top: 0.57em;
+}
+
+.message .message-content {
+  padding: 6px;
+  margin-bottom: 4px;
+  spacing: 4px;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.message .message-close-button {
+  color: rgba(238, 255, 255, 0.7);
+  padding: 4px;
+  height: 20px;
+  width: 20px;
+  border-radius: 9999px;
+}
+
+.message .message-close-button:hover,
+.message .message-close-button:active {
+  color: #eeffff;
+}
+
+.message .message-close-button:hover,
+.message .message-close-button:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.message .message-close-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.message .message-body {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.url-highlighter {
+  link-color: #89ddff;
+}
+
+.message-media-control {
+  margin: 20px 6px;
+  padding: 9px;
+  border-radius: 9999px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.message-media-control:hover,
+.message-media-control:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.message-media-control:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.message-media-control:insensitive {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.message-media-control:last-child:ltr {
+  margin-right: 16px;
+}
+
+.message-media-control:last-child:rtl {
+  margin-left: 16px;
+}
+
+.message-media-control StIcon {
+  icon-size: 16px;
+}
+
+.media-message-cover-icon {
+  icon-size: 32px !important;
+}
+
+.media-message-cover-icon.fallback {
+  icon-size: 24px !important;
+  padding: 6px;
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.select-area-rubberband {
+  background-color: rgba(226, 233, 233, 0.3);
+  border: 1px solid #e2e9e9;
+  border-radius: 6px;
+}
+
+.user-icon {
+  background-size: contain;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  box-shadow: none;
+  icon-size: 64px;
+}
+
+.modal-dialog .user-icon {
+  box-shadow: none;
+}
+
+.user-icon:hover {
+  color: #eeffff;
+}
+
+.user-icon StIcon {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border-radius: 9999px;
+  padding: 12px;
+  width: 40px;
+  height: 40px;
+}
+
+.user-icon,
+.user-icon.user-avatar {
+  border: none;
+}
+
+.user-widget.vertical .user-icon {
+  icon-size: 96px;
+}
+
+.user-widget.vertical .user-icon StIcon {
+  padding: 20px;
+  padding-top: 18px;
+  padding-bottom: 22px;
+  width: 88px;
+  height: 88px;
+}
+
+.lightbox {
+  background-color: black;
+}
+
+.flashspot {
+  background-color: #eeffff;
+}
+
+.hidden {
+  color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+  text-align: center;
+  padding-bottom: 8px;
+  font-size: 10pt;
+  color: #ffcb6b;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+  max-height: 34em;
+  min-height: 31em;
+  min-width: 32em;
+}
+
+.nm-dialog-content {
+  spacing: 20px;
+  padding: 24px;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-airplane-box {
+  spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+  font-weight: bold;
+  text-align: center;
+}
+
+.nm-dialog-airplane-text {
+  color: #eeffff;
+}
+
+.nm-dialog-header {
+  font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+  icon-size: 32px;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+  border: none;
+  padding: 0;
+  background-color: rgba(238, 255, 255, 0.04);
+  border-radius: 6px;
+}
+
+.nm-dialog-item {
+  font-size: 11pt;
+  border-bottom: none;
+  padding: 12px;
+  spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nm-dialog-item:hover,
+.nm-dialog-item:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.nm-dialog-item:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.nm-dialog-icon {
+  icon-size: 16px;
+}
+
+.nm-dialog-icons {
+  spacing: 12px;
+}
+
+.no-networks-label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.no-networks-box {
+  spacing: 6px;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+  width: 25em;
+  min-height: 65px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(35, 38, 55, 0.95);
+  text-shadow: none;
+  border: solid 1px rgba(238, 255, 255, 0.25);
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+  margin: 20px 20px 10px;
+  border-radius: 12px;
+}
+
+.notification-banner:hover {
+  color: #eeffff;
+  background-color: rgba(35, 38, 55, 0.95);
+  border: solid 1px rgba(238, 255, 255, 0.25);
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+  margin: 20px 20px 10px;
+}
+
+.notification-banner:focus {
+  color: #eeffff;
+  background-color: rgba(35, 38, 55, 0.95);
+}
+
+.notification-banner .notification-actions {
+  background-color: transparent;
+  padding-top: 0;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  spacing: 0;
+}
+
+.notification-banner .notification-button {
+  min-height: 44px;
+  padding: 0 18px;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-width: 0;
+}
+
+.notification-banner .notification-button:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+.notification-banner .notification-button:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+.notification-banner .notification-button:only-child,
+.notification-banner .notification-button:first-child:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+.notification-banner .notification-button:focus {
+  background-color: transparent;
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.12);
+}
+
+.notification-banner .notification-button:hover,
+.notification-banner .notification-button:focus:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+.notification-banner .notification-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #eeffff;
+}
+
+.summary-source-counter {
+  font-size: fontsize(10);
+  font-weight: bold;
+  height: 1.6em;
+  width: 1.6em;
+  -shell-counter-overlap-x: 3px;
+  -shell-counter-overlap-y: 3px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border: 2px solid rgba(238, 255, 255, 0.3);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 0.9em;
+}
+
+.chat-body {
+  spacing: 5px;
+}
+
+.chat-response {
+  margin: 5px;
+}
+
+.chat-log-message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.chat-new-group {
+  padding-top: 1em;
+}
+
+.chat-received {
+  padding-left: 4px;
+}
+
+.chat-received:rtl {
+  padding-left: 0px;
+  padding-right: 4px;
+}
+
+.chat-sent {
+  padding-left: 18pt;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.chat-sent:rtl {
+  padding-left: 0;
+  padding-right: 18pt;
+}
+
+.chat-meta-message {
+  padding-left: 4px;
+  font-size: 9pt;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.chat-meta-message:rtl {
+  padding-left: 0;
+  padding-right: 4px;
+}
+
+/* OSD */
+.screenshot-ui-panel,
+.workspace-switcher-container,
+.resize-popup,
+.osd-window {
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(15, 17, 26, 0.95);
+  border: solid 1px rgba(238, 255, 255, 0.25);
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+  margin: 5px 8px 11px;
+  border-radius: 12px;
+  padding: 10px;
+}
+
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+}
+
+.osd-window .osd-monitor-label {
+  font-size: 3em;
+}
+
+.osd-window .level {
+  height: 3px;
+  border-radius: 2px;
+  background-color: rgba(238, 255, 255, 0.15);
+  color: #eeffff;
+  -barlevel-height: 3px;
+  -barlevel-background-color: rgba(238, 255, 255, 0.15);
+  -barlevel-active-background-color: #eeffff;
+  -barlevel-overdrive-color: #f28b82;
+  -barlevel-overdrive-separator-width: 2px;
+  -barlevel-border-width: 0;
+  -barlevel-border-color: rgba(238, 255, 255, 0.12);
+}
+
+.osd-window .level-bar {
+  background-color: #eeffff;
+  border-radius: 2px;
+}
+
+.pad-osd-window {
+  padding: 32px;
+  background-color: rgba(15, 17, 26, 0.95);
+}
+
+.pad-osd-window .pad-osd-title-box {
+  spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+  spacing: 6px;
+}
+
+.combo-box-label {
+  width: 15em;
+}
+
+#overview StScrollBar StBin#trough {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+#overview StScrollBar StButton#vhandle,
+#overview StScrollBar StButton#hhandle {
+  background-color: rgba(238, 255, 255, 0.5);
+}
+
+#overview StScrollBar StButton#vhandle:hover,
+#overview StScrollBar StButton#hhandle:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+#overview StScrollBar StButton#vhandle:active,
+#overview StScrollBar StButton#hhandle:active {
+  background-color: #eeffff;
+}
+
+#overview {
+  spacing: 24px;
+}
+
+.overview-controls {
+  padding-bottom: 30px;
+}
+
+/* Top Bar */
+#panel {
+  background-color: rgba(15, 17, 26, 0.95);
+  font-weight: bold;
+  height: 32px;
+  color: rgba(238, 255, 255, 0.7);
+  font-feature-settings: 'tnum';
+  transition-duration: 250ms;
+  font-size: 10pt;
+}
+
+#panel .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: rgba(15, 17, 26, 0.95);
+  -panel-corner-border-width: 2px;
+  -panel-corner-border-color: transparent;
+  -panel-corner-opacity: 1;
+  transition-duration: 250ms;
+}
+
+#panel .panel-button {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  font-weight: bold;
+  color: #eeffff;
+  transition-duration: 150ms;
+  border-radius: 9999px;
+  text-shadow: none;
+  border: 2px solid transparent;
+}
+
+#panel .panel-button.clock-display .clock {
+  transition-duration: 150ms;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+}
+
+#panel .panel-button:hover {
+  color: #84ffff;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px #3b3f51;
+}
+
+#panel .panel-button.clock-display:hover {
+  box-shadow: none;
+  color: #84ffff;
+}
+
+#panel .panel-button.clock-display:hover .clock {
+  color: #84ffff;
+  box-shadow: inset 0 0 0 1000px #3b3f51;
+}
+
+#panel .panel-button:active,
+#panel .panel-button:active:hover,
+#panel .panel-button:overview,
+#panel .panel-button:overview:hover,
+#panel .panel-button:focus,
+#panel .panel-button:focus:hover,
+#panel .panel-button:checked,
+#panel .panel-button:checked:hover {
+  background-color: transparent;
+  color: #84ffff;
+  box-shadow: inset 0 0 0 1000px #3b3f51;
+}
+
+#panel .panel-button:active .panel-button,
+#panel .panel-button:overview .panel-button,
+#panel .panel-button:focus .panel-button,
+#panel .panel-button:checked .panel-button {
+  background-color: transparent;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: inset 0 0 0 1000px #3b3f51;
+}
+
+#panel .panel-button:active .panel-button:hover,
+#panel .panel-button:overview .panel-button:hover,
+#panel .panel-button:focus .panel-button:hover,
+#panel .panel-button:checked .panel-button:hover {
+  color: #84ffff;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.12);
+}
+
+#panel .panel-button:active .panel-button:active,
+#panel .panel-button:active .panel-button:overview,
+#panel .panel-button:active .panel-button:focus,
+#panel .panel-button:active .panel-button:checked,
+#panel .panel-button:overview .panel-button:active,
+#panel .panel-button:overview .panel-button:overview,
+#panel .panel-button:overview .panel-button:focus,
+#panel .panel-button:overview .panel-button:checked,
+#panel .panel-button:focus .panel-button:active,
+#panel .panel-button:focus .panel-button:overview,
+#panel .panel-button:focus .panel-button:focus,
+#panel .panel-button:focus .panel-button:checked,
+#panel .panel-button:checked .panel-button:active,
+#panel .panel-button:checked .panel-button:overview,
+#panel .panel-button:checked .panel-button:focus,
+#panel .panel-button:checked .panel-button:checked {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
+}
+
+#panel .panel-button.clock-display:active,
+#panel .panel-button.clock-display:overview,
+#panel .panel-button.clock-display:focus,
+#panel .panel-button.clock-display:checked {
+  box-shadow: none;
+  color: #84ffff;
+}
+
+#panel .panel-button.clock-display:active .clock,
+#panel .panel-button.clock-display:overview .clock,
+#panel .panel-button.clock-display:focus .clock,
+#panel .panel-button.clock-display:checked .clock {
+  box-shadow: inset 0 0 0 1000px #3b3f51;
+  color: #84ffff;
+}
+
+.unlock-screen #panel .panel-button,
+.login-screen #panel .panel-button,
+.lock-screen #panel .panel-button {
+  color: #84ffff;
+}
+
+.unlock-screen #panel .panel-button:focus,
+.unlock-screen #panel .panel-button:hover,
+.unlock-screen #panel .panel-button:active,
+.login-screen #panel .panel-button:focus,
+.login-screen #panel .panel-button:hover,
+.login-screen #panel .panel-button:active,
+.lock-screen #panel .panel-button:focus,
+.lock-screen #panel .panel-button:hover,
+.lock-screen #panel .panel-button:active {
+  color: #84ffff;
+}
+
+#panel .panel-button .system-status-icon {
+  icon-size: 16px;
+  padding: 8px;
+  margin: 0 4px;
+  -st-icon-style: symbolic;
+}
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon,
+#panel .panel-button .panel-status-menu-box .system-status-icon {
+  margin: 0;
+}
+
+#panel .panel-button .app-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+#panel #panelActivities.panel-button {
+  -natural-hpadding: 18px;
+}
+
+#panel:overview,
+#panel.unlock-screen,
+#panel.login-screen,
+#panel.lock-screen {
+  background-color: transparent;
+  box-shadow: none;
+  border: transparent;
+}
+
+#panel:overview StLabel,
+#panel:overview StIcon,
+#panel.unlock-screen StLabel,
+#panel.unlock-screen StIcon,
+#panel.login-screen StLabel,
+#panel.login-screen StIcon,
+#panel.lock-screen StLabel,
+#panel.lock-screen StIcon {
+  color: #84ffff;
+}
+
+#panel:overview .panel-button:hover,
+#panel.unlock-screen .panel-button:hover,
+#panel.login-screen .panel-button:hover,
+#panel.lock-screen .panel-button:hover {
+  color: #84ffff;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.12);
+}
+
+#panel:overview .panel-button.clock-display:hover,
+#panel.unlock-screen .panel-button.clock-display:hover,
+#panel.login-screen .panel-button.clock-display:hover,
+#panel.lock-screen .panel-button.clock-display:hover {
+  box-shadow: none;
+  color: #84ffff;
+}
+
+#panel:overview .panel-button.clock-display:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:hover .clock,
+#panel.login-screen .panel-button.clock-display:hover .clock,
+#panel.lock-screen .panel-button.clock-display:hover .clock {
+  color: #84ffff;
+  box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.12);
+}
+
+#panel:overview .panel-button:active,
+#panel:overview .panel-button:overview,
+#panel:overview .panel-button:focus,
+#panel:overview .panel-button:checked,
+#panel.unlock-screen .panel-button:active,
+#panel.unlock-screen .panel-button:overview,
+#panel.unlock-screen .panel-button:focus,
+#panel.unlock-screen .panel-button:checked,
+#panel.login-screen .panel-button:active,
+#panel.login-screen .panel-button:overview,
+#panel.login-screen .panel-button:focus,
+#panel.login-screen .panel-button:checked,
+#panel.lock-screen .panel-button:active,
+#panel.lock-screen .panel-button:overview,
+#panel.lock-screen .panel-button:focus,
+#panel.lock-screen .panel-button:checked {
+  color: #84ffff;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.2);
+}
+
+#panel:overview .panel-button.clock-display:active,
+#panel:overview .panel-button.clock-display:overview,
+#panel:overview .panel-button.clock-display:focus,
+#panel:overview .panel-button.clock-display:checked,
+#panel.unlock-screen .panel-button.clock-display:active,
+#panel.unlock-screen .panel-button.clock-display:overview,
+#panel.unlock-screen .panel-button.clock-display:focus,
+#panel.unlock-screen .panel-button.clock-display:checked,
+#panel.login-screen .panel-button.clock-display:active,
+#panel.login-screen .panel-button.clock-display:overview,
+#panel.login-screen .panel-button.clock-display:focus,
+#panel.login-screen .panel-button.clock-display:checked,
+#panel.lock-screen .panel-button.clock-display:active,
+#panel.lock-screen .panel-button.clock-display:overview,
+#panel.lock-screen .panel-button.clock-display:focus,
+#panel.lock-screen .panel-button.clock-display:checked {
+  box-shadow: none;
+  color: #84ffff;
+}
+
+#panel:overview .panel-button.clock-display:active .clock,
+#panel:overview .panel-button.clock-display:overview .clock,
+#panel:overview .panel-button.clock-display:focus .clock,
+#panel:overview .panel-button.clock-display:checked .clock,
+#panel.unlock-screen .panel-button.clock-display:active .clock,
+#panel.unlock-screen .panel-button.clock-display:overview .clock,
+#panel.unlock-screen .panel-button.clock-display:focus .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:overview .clock,
+#panel.login-screen .panel-button.clock-display:focus .clock,
+#panel.login-screen .panel-button.clock-display:checked .clock,
+#panel.lock-screen .panel-button.clock-display:active .clock,
+#panel.lock-screen .panel-button.clock-display:overview .clock,
+#panel.lock-screen .panel-button.clock-display:focus .clock,
+#panel.lock-screen .panel-button.clock-display:checked .clock {
+  box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.2);
+  color: #84ffff;
+}
+
+#panel:overview .panel-corner,
+#panel.unlock-screen .panel-corner,
+#panel.login-screen .panel-corner,
+#panel.lock-screen .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: transparent;
+  -panel-corner-border-color: transparent;
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+  spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+  spacing: 0;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+  color: #ffcb6b;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer {
+  -arrow-border-radius: 2px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 12px;
+  -arrow-rise: 0;
+  -arrow-box-shadow: none;
+  background: transparent;
+}
+
+.popup-menu .popup-menu-content {
+  padding: 6px;
+  background-color: rgba(35, 38, 55, 0.95);
+  border-radius: 12px;
+  margin: 4px;
+  font-weight: 500;
+  border: 1px solid rgba(0, 0, 0, 0.75);
+  box-shadow: inset 0 0 0 1px rgba(239, 240, 242, 0.2);
+}
+
+.popup-menu .popup-menu-item {
+  spacing: 9px;
+  padding: 6px;
+  color: #eeffff !important;
+  text-shadow: none;
+  border-radius: 6px;
+  margin: 0 6px;
+  font-weight: 500;
+}
+
+.popup-menu .popup-menu-item:checked {
+  font-weight: 500;
+  border: none;
+  box-shadow: none;
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #eeffff !important;
+  border-radius: 6px 6px 0 0;
+}
+
+.popup-menu .popup-menu-item:checked:focus,
+.popup-menu .popup-menu-item:checked:hover,
+.popup-menu .popup-menu-item.selected:checked {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #a6accd !important;
+}
+
+.popup-menu .popup-menu-item:checked:active {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #b0bec5 !important;
+}
+
+.popup-menu .popup-menu-item:checked:insensitive {
+  color: rgba(0, 0, 0, 0.38) !important;
+}
+
+.popup-menu .popup-menu-item:focus,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item.selected {
+  color: #eeffff !important;
+  background-color: rgba(238, 255, 255, 0.12) !important;
+  transition-duration: 0;
+}
+
+.popup-menu .popup-menu-item:active,
+.popup-menu .popup-menu-item.selected:active {
+  color: #eeffff !important;
+  background-color: rgba(238, 255, 255, 0.3) !important;
+}
+
+.popup-menu .popup-menu-item:insensitive {
+  color: rgba(238, 255, 255, 0.3) !important;
+}
+
+.popup-menu .popup-sub-menu {
+  border: none;
+  box-shadow: none;
+  margin: 0 6px;
+  border-radius: 0 0 6px 6px;
+  background-color: #eeffff !important;
+  color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item {
+  border-radius: 0;
+  margin: 0;
+  color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:focus,
+.popup-menu .popup-sub-menu .popup-menu-item.hover,
+.popup-menu .popup-sub-menu .popup-menu-item.selected {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item.selected:active {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:insensitive {
+  color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu
+  .popup-sub-menu
+  .popup-menu-section:last-child
+  .popup-menu-item:last-child {
+  border-radius: 0 0 6px 6px;
+}
+
+.popup-menu .popup-inactive-menu-item {
+  color: #84ffff !important;
+}
+
+.popup-menu .popup-inactive-menu-item:insensitive {
+  color: rgba(238, 255, 255, 0.3) !important;
+}
+
+.popup-menu.panel-menu {
+  -boxpointer-gap: 4px;
+  margin-bottom: 1.75em;
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+  icon-size: 16px !important;
+}
+
+.popup-menu-ornament {
+  width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+  text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+  text-align: left;
+}
+
+.background-menu {
+  -boxpointer-gap: 4px;
+  -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+  min-width: 21em;
+}
+
+.aggregate-menu .popup-menu-icon {
+  padding: 0;
+  margin: 0 3px;
+  -st-icon-style: symbolic;
+}
+
+.quick-settings {
+  padding: 12px !important;
+  border-radius: 12px !important;
+}
+
+.quick-settings .icon-button,
+.quick-settings .button {
+  padding: 10.5px;
+}
+
+.quick-settings .icon-button > StIcon,
+.quick-settings .button > StIcon {
+  icon-size: 16px !important;
+}
+
+.quick-settings-grid {
+  spacing-rows: 12px;
+  spacing-columns: 12px;
+}
+
+.quick-toggle {
+  border-radius: 8px;
+  min-width: 12em;
+  max-width: 12em;
+  min-height: 40px;
+  border: none;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  background-color: rgba(238, 255, 255, 0.08) !important;
+}
+
+.quick-toggle:hover {
+  background-color: rgba(238, 255, 255, 0.12) !important;
+}
+
+.quick-toggle:active {
+  background-color: rgba(238, 255, 255, 0.15) !important;
+}
+
+.quick-toggle:checked {
+  background-color: #71c6e7 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:hover {
+  background-color: #89ddff !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:active {
+  background-color: #80cbc4 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle > StBoxLayout {
+  spacing: 6px;
+  padding: 0 12px;
+}
+
+.quick-toggle.button {
+  padding: 0;
+}
+
+.quick-toggle:ltr > StBoxLayout {
+  padding-left: 15px;
+}
+
+.quick-toggle:rtl > StBoxLayout {
+  padding-right: 15px;
+}
+
+.quick-toggle .quick-toggle-label {
+  font-weight: bold;
+}
+
+.quick-toggle .quick-toggle-icon,
+.quick-toggle .quick-toggle-arrow {
+  icon-size: 16px !important;
+}
+
+.quick-menu-toggle:ltr > StBoxLayout {
+  padding-right: 0;
+}
+
+.quick-menu-toggle:rtl > StBoxLayout {
+  padding-left: 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow {
+  background-color: rgba(238, 255, 255, 0.08) !important;
+  padding: 6px 10.5px;
+  icon-size: 16px !important;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:active {
+  background-color: rgba(238, 255, 255, 0.12) !important;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:ltr {
+  border-radius: 0 6px 6px 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:rtl {
+  border-radius: 6px 0 0 6px;
+}
+
+.quick-slider {
+  padding: 0 6px;
+}
+
+.quick-slider > StBoxLayout {
+  spacing: 6px;
+}
+
+.quick-slider .slider-bin {
+  min-height: 16px;
+  padding: 6px;
+  border-radius: 9999px;
+}
+
+.quick-slider .slider-bin:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.quick-slider .quick-toggle-icon,
+.quick-slider .quick-toggle-arrow {
+  icon-size: 16px !important;
+}
+
+.quick-slider .icon-button {
+  background-color: transparent;
+  color: #84ffff !important;
+}
+
+.quick-slider .icon-button:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.quick-slider .icon-button:active {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.quick-toggle-menu {
+  background-color: #3b3f51 !important;
+  color: #eeffff !important;
+  border-radius: 12px !important;
+  padding: 12px;
+  margin: 12px 30px 0;
+  box-shadow: inset 0 0 0 1px rgba(239, 240, 242, 0.2);
+}
+
+.quick-toggle-menu .popup-menu-item {
+  min-height: 20px;
+  padding: 6px;
+  spacing: 6px;
+  border-radius: 6px !important;
+  color: #eeffff !important;
+}
+
+.quick-toggle-menu .popup-menu-item:focus,
+.quick-toggle-menu .popup-menu-item.hover,
+.quick-toggle-menu .popup-menu-item.selected {
+  color: #eeffff !important;
+  background-color: rgba(238, 255, 255, 0.1) !important;
+}
+
+.quick-toggle-menu .popup-menu-item:active,
+.quick-toggle-menu .popup-menu-item.selected:active {
+  color: #eeffff !important;
+  background-color: rgba(238, 255, 255, 0.2) !important;
+}
+
+.quick-toggle-menu .popup-menu-item > StIcon {
+  -st-icon-style: symbolic;
+}
+
+.quick-toggle-menu .header {
+  spacing-rows: 3px;
+  spacing-columns: 12px;
+  padding-bottom: 12px;
+}
+
+.quick-toggle-menu .header .icon {
+  icon-size: 24px;
+  border-radius: 6px;
+  padding: 9px;
+  background-color: #84ffff !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle-menu .header .icon.active {
+  background-color: #84ffff !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-settings-system-item > StBoxLayout {
+  spacing: 12px;
+}
+
+.quick-settings-system-item .icon-button {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #84ffff;
+  border-radius: 6px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+}
+
+.quick-settings-system-item .icon-button:hover {
+  background-color: rgba(234, 232, 255, 0.12);
+  color: #b4f9f8;
+  border-radius: 6px;
+  border: 1px solid rgba(234, 232, 255, 0.2);
+}
+
+.quick-settings-system-item .icon-button > StIcon {
+  -st-icon-style: symbolic;
+  icon-size: 16px !important;
+}
+
+.quick-settings-system-item .power-item {
+  min-height: 0;
+  min-width: 0;
+  color: #84ffff;
+}
+
+.quick-settings-system-item .power-item:hover {
+  min-height: 0;
+  min-width: 0;
+  color: #b4f9f8;
+}
+
+.quick-settings-system-item .power-item:insensitive {
+  color: #84ffff;
+  background-color: rgba(41, 45, 62, 0.95);
+  box-shadow: none !important;
+  background-color: transparent;
+}
+
+.nm-network-item .wireless-secure-icon {
+  icon-size: 8px;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+  color: #eeffff;
+  font-weight: 300;
+  text-align: center;
+  spacing: 24px;
+  padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+  font-size: 64pt;
+  padding-top: 42px;
+  font-feature-settings: 'tnum';
+}
+
+.unlock-dialog-clock-date {
+  font-size: 16pt;
+  font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+  font-weight: normal;
+  padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+  margin: 12px 0;
+  spacing: 6px;
+  width: 23em;
+  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 6px;
+  border: none;
+  background-color: rgba(15, 17, 26, 0.95);
+  color: #eeffff;
+  border-radius: 12px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container
+  .unlock-dialog-notification-source.critical {
+  background-color: #3b3f51;
+}
+
+.unlock-dialog-notification-label {
+  padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+  weight: bold;
+  padding: 0 6px;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  border-radius: 9999px;
+  margin-right: 12px;
+}
+
+.screen-shield-background {
+  background: black;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
+}
+
+#unlockDialogNotifications StButton#vhandle,
+#unlockDialogNotifications StButton#hhandle {
+  background-color: rgba(35, 38, 55, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover,
+#unlockDialogNotifications StButton#vhandle:focus,
+#unlockDialogNotifications StButton#hhandle:hover,
+#unlockDialogNotifications StButton#hhandle:focus {
+  background-color: rgba(35, 38, 55, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active,
+#unlockDialogNotifications StButton#hhandle:active {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+  -st-vfade-offset: 32px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 32px;
+}
+
+StScrollBar {
+  padding: 6px;
+}
+
+StScrollView StScrollBar {
+  min-width: 8px;
+  min-height: 8px;
+}
+
+StScrollBar StBin#trough {
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.5);
+  border: 4px solid transparent;
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+  background-color: #eeffff;
+}
+
+.popup-sub-menu StScrollBar StBin#trough {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle,
+.popup-sub-menu StScrollBar StButton#hhandle {
+  background-color: rgba(0, 0, 0, 0.26);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:hover,
+.popup-sub-menu StScrollBar StButton#hhandle:hover {
+  background-color: rgba(0, 0, 0, 0.38);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:active,
+.popup-sub-menu StScrollBar StButton#hhandle:active {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.search-entry {
+  width: 320px;
+  min-height: 20px;
+  padding: 6px 12px;
+  transition-duration: 150ms;
+  border-radius: 6px;
+}
+
+.search-entry .search-entry-icon {
+  color: rgba(238, 255, 255, 0.5);
+  icon-size: 16px;
+  margin-top: 0;
+  padding: 0 4px;
+}
+
+.search-entry StLabel.hint-text {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.search-entry:hover .search-entry-icon,
+.search-entry:focus .search-entry-icon {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.search-entry:insensitive StLabel.hint-text,
+.search-entry:insensitive .search-entry-icon {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry,
+.login-dialog StEntry,
+.unlock-dialog StEntry,
+#overview .search-entry {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid transparent;
+  box-shadow: none;
+  caret-color: #eeffff;
+  selection-background-color: rgba(238, 255, 255, 0.25);
+  selected-color: #eeffff;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:hover,
+.login-dialog StEntry:hover,
+.unlock-dialog StEntry:hover,
+#overview .search-entry:hover {
+  color: #eeffff;
+  border-color: rgba(238, 255, 255, 0.35);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:focus,
+.login-dialog StEntry:focus,
+.unlock-dialog StEntry:focus,
+#overview .search-entry:focus {
+  color: #eeffff;
+  border-color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  box-shadow: none;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon,
+.login-dialog StEntry .search-entry-icon,
+.unlock-dialog StEntry .search-entry-icon,
+#overview .search-entry .search-entry-icon {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text,
+.login-dialog StEntry StLabel.hint-text,
+.unlock-dialog StEntry StLabel.hint-text,
+#overview .search-entry StLabel.hint-text {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:hover
+  .search-entry-icon,
+.login-dialog StEntry:hover .search-entry-icon,
+.unlock-dialog StEntry:hover .search-entry-icon,
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:focus
+  .search-entry-icon,
+.login-dialog StEntry:focus .search-entry-icon,
+.unlock-dialog StEntry:focus .search-entry-icon,
+#overview .search-entry:hover .search-entry-icon,
+#overview .search-entry:focus .search-entry-icon {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:insensitive,
+.login-dialog StEntry:insensitive,
+.unlock-dialog StEntry:insensitive,
+#overview .search-entry:insensitive {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.35);
+  border-color: transparent;
+}
+
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:insensitive
+  StLabel.hint-text,
+.login-dialog StEntry:insensitive StLabel.hint-text,
+.unlock-dialog StEntry:insensitive StLabel.hint-text,
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:insensitive
+  .search-entry-icon,
+.login-dialog StEntry:insensitive .search-entry-icon,
+.unlock-dialog StEntry:insensitive .search-entry-icon,
+#overview .search-entry:insensitive StLabel.hint-text,
+#overview .search-entry:insensitive .search-entry-icon {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/* Search */
+.list-search-result,
+.search-provider-icon {
+  border-radius: 6px;
+  padding: 6px;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.list-search-result:focus,
+.search-provider-icon:focus,
+.list-search-result:hover,
+.search-provider-icon:hover,
+.list-search-result:selected,
+.search-provider-icon:selected {
+  background-color: rgba(238, 255, 255, 0.12);
+  transition-duration: 200ms;
+}
+
+.list-search-result:active,
+.search-provider-icon:active,
+.list-search-result:checked,
+.search-provider-icon:checked {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+#searchResultsContent {
+  max-width: 1024px;
+  spacing: 8px;
+}
+
+.search-section {
+  spacing: 8px;
+  background: none;
+}
+
+.search-section .search-section-separator {
+  height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.search-section-content {
+  spacing: 8px;
+  border-radius: 0;
+  padding: 18px;
+  border: none;
+  box-shadow: none;
+  background: none;
+  text-shadow: none;
+  color: #eeffff;
+}
+
+.search-statustext {
+  font-size: 2em;
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.grid-search-results {
+  spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+  spacing: 12px;
+}
+
+.search-provider-icon
+  .list-search-provider-content
+  .list-search-provider-details {
+  width: 120px;
+  margin-top: 0;
+  color: #f07178;
+}
+
+.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: #ff9e64;
+}
+
+/* Slider */
+.slider {
+  height: 20px;
+  color: rgba(35, 38, 55, 0.95);
+  -slider-height: 2px;
+  -slider-background-color: rgba(238, 255, 255, 0.3);
+  -slider-border-color: #84ffff;
+  -slider-active-background-color: #84ffff;
+  -slider-active-border-color: #84ffff;
+  -slider-border-width: 2px;
+  -slider-handle-radius: 7px;
+  -slider-handle-border-width: 2px;
+  -slider-handle-border-color: #ff9e64;
+  -barlevel-height: 2px;
+  -barlevel-background-color: rgba(238, 255, 255, 0.3);
+  -barlevel-border-color: transparent;
+  -barlevel-active-background-color: #84ffff;
+  -barlevel-active-border-color: transparent;
+  -barlevel-overdrive-color: #f07178;
+  -barlevel-overdrive-border-color: transparent;
+  -barlevel-overdrive-separator-width: 2px;
+  -barlevel-border-width: 0;
+}
+
+/* App Switcher */
+.switcher-popup {
+  padding: 8px;
+  spacing: 24px;
+}
+
+.switcher-list {
+  background-color: rgba(35, 38, 55, 0.95);
+  box-shadow: inset 0 0 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 15px;
+  border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+  background-color: #3b3f51;
+  color: #84ffff;
+  border-radius: 15px;
+}
+
+.switcher-list .item-box:selected {
+  background-color: #3b3f51;
+  color: #84ffff;
+  border-radius: 15px;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(238, 255, 255, 0.12);
+}
+
+.switcher-list .switcher-list-item-container {
+  spacing: 12px;
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: #84ffff;
+}
+
+.switcher-arrow:highlighted {
+  color: #84ffff;
+}
+
+.input-source-switcher-symbol {
+  font-size: 34pt;
+  width: 96px;
+  height: 96px;
+}
+
+.cycler-highlight {
+  border: 5px solid #e2e9e9;
+}
+
+/* Switches */
+.toggle-switch {
+  width: 40px;
+  height: 20px;
+  background-size: contain;
+  background-image: url('assets/toggle-off-dark.svg');
+}
+
+.toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.popup-sub-menu .toggle-switch {
+  background-image: url('assets/toggle-off.svg');
+}
+
+.popup-sub-menu .toggle-switch:checked {
+  background-image: url('assets/toggle-on.svg');
+}
+
+/* Tiled window previews */
+.tile-preview {
+  background-color: rgba(226, 233, 233, 0.3);
+  border: 1px solid #e2e9e9;
+  border-radius: 12px;
+}
+
+.tile-preview-left.on-primary {
+  border-radius: 12px;
+}
+
+.tile-preview-right.on-primary {
+  border-radius: 12px;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+  border-radius: 12px;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+  padding: 12px;
+}
+
+.workspace-switcher {
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  padding: 0;
+  spacing: 12px;
+}
+
+.ws-switcher-box {
+  background: transparent;
+  height: 50px;
+  background-size: 32px;
+  background: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+  height: 52px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 9px;
+  border: none;
+}
+
+.icon-grid {
+  row-spacing: 12px;
+  column-spacing: 12px;
+  max-row-spacing: 72px;
+  max-column-spacing: 72px;
+  page-padding-top: 24px;
+  page-padding-bottom: 24px;
+  page-padding-left: 12px;
+  page-padding-right: 12px;
+}
+
+.page-indicator {
+  padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+  width: 10px;
+  height: 10px;
+  border-radius: 10px;
+  background-color: #eeffff;
+}
+
+.apps-scroll-view {
+  padding: 0;
+}
+
+.page-navigation-hint {
+  width: 300px;
+}
+
+.page-navigation-hint.dnd {
+  background: rgba(238, 255, 255, 0.1);
+}
+
+.page-navigation-hint.next:ltr,
+.page-navigation-hint.previous:rtl {
+  background-gradient-start: rgba(238, 255, 255, 0.05);
+  background-gradient-end: transparent;
+  background-gradient-direction: horizontal;
+  border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr,
+.page-navigation-hint.next:rtl {
+  background-gradient-start: transparent;
+  background-gradient-end: rgba(238, 255, 255, 0.05);
+  background-gradient-direction: horizontal;
+  border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow > StIcon {
+  margin: 6px;
+  padding: 18px;
+  width: 24px;
+  height: 24px;
+  border-radius: 9999px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.page-navigation-arrow:insensitive > StIcon {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.page-navigation-arrow:hover > StIcon {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.page-navigation-arrow:active > StIcon {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #eeffff;
+}
+
+#dash {
+  margin-top: 12px;
+  padding: 0 10px;
+}
+
+#dash .placeholder {
+  background-image: none;
+  background-size: contain;
+  height: 32px;
+}
+
+#dash .overview-icon {
+  padding: 5px;
+}
+
+.dash-background {
+  background-color: rgba(238, 255, 255, 0.3);
+  margin-bottom: 16px;
+  padding: 10px;
+  border-radius: 16px;
+  box-shadow: inset 0 0 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.dash-item-container .app-well-app,
+.show-apps {
+  padding: 10px 2px 26px;
+}
+
+.dash-separator {
+  width: 1px;
+  margin: 0 7px 16px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.workspace-animation {
+  background-color: rgba(15, 17, 26, 0.95);
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 2px;
+}
+
+.controls-manager,
+.secondary-monitor-workspaces {
+  spacing: 12px;
+}
+
+#overviewGroup {
+  background-color: #090b10;
+}
+
+.osd-window {
+  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;
+}
+
+#appMenu {
+  spacing: 6px;
+}
+
+#appMenu .label-shadow {
+  color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+  padding: 0 6px;
+  spacing: 6px;
+}
+
+.popup-menu .popup-menu-item {
+  padding: 6px 12px;
+}
+
+.popup-menu .popup-menu-item:ltr {
+  padding-right: 9px !important;
+  padding-left: 0 !important;
+}
+
+.popup-menu .popup-menu-item:rtl {
+  padding-right: 0 !important;
+  padding-left: 9px !important;
+}
+
+.popup-separator-menu-item {
+  padding: 0;
+  margin: 6px 0;
+}
+
+.popup-separator-menu-item:ltr {
+  margin-right: 4px;
+}
+
+.popup-separator-menu-item:rtl {
+  margin-left: 4px;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+  height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.popup-separator-menu-item .popup-menu-ornament {
+  width: 0 !important;
+}
+
+.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(0, 0, 0, 0.12);
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 12px !important;
+  margin-left: 3px !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 12px !important;
+  margin-right: 3px !important;
+}
+
+.search-entry {
+  margin-top: 24px;
+  margin-bottom: 6px;
+}
+
+.icon-label-button-container {
+  spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+  icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+  border-radius: 33px;
+  padding: 18px;
+  padding-bottom: 12px;
+  margin-bottom: 4em;
+  spacing: 12px;
+  border: none;
+}
+
+.screenshot-ui-close-button {
+  padding: 6px !important;
+  margin-top: 12px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
+}
+
+.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 !important;
+  border-radius: 15px;
+}
+
+.screenshot-ui-capture-button {
+  width: 36px;
+  height: 36px;
+  border-radius: 9999px;
+  border: 4px #eeffff;
+  padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+  background-color: #eeffff;
+  transition-duration: 200ms;
+  border-radius: 9999px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover,
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+  background-color: #d9d9d9;
+}
+
+.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: #f28b82;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+  background-color: #f4a099;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+  background-color: #ef6d62;
+}
+
+.screenshot-ui-shot-cast-container {
+  background-color: #292e42;
+  border-radius: 12px;
+  padding: 3px;
+  spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-container:ltr {
+  margin-left: 3px;
+}
+
+.screenshot-ui-shot-cast-container:rtl {
+  margin-right: 3px;
+}
+
+.screenshot-ui-shot-cast-button {
+  padding: 6px 12px;
+  background-color: transparent;
+  border-radius: 9px;
+}
+
+.screenshot-ui-shot-cast-button:hover,
+.screenshot-ui-shot-cast-button:focus {
+  background-color: #3b3f51;
+}
+
+.screenshot-ui-shot-cast-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+  background-color: #eeffff;
+  color: black;
+}
+
+.screenshot-ui-shot-cast-button:insensitive {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+  border-radius: 9999px;
+  padding: 12px !important;
+}
+
+.screenshot-ui-show-pointer-button StIcon {
+  icon-size: 16px;
+}
+
+.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 #eeffff;
+}
+
+.screenshot-ui-area-selector-handle {
+  border-radius: 9999px;
+  background-color: #eeffff;
+  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+  width: 24px;
+  height: 24px;
+}
+
+.screenshot-ui-window-selector {
+  background-color: #232637;
+}
+
+.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: 12px;
+  border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+  transition-duration: 200ms;
+  color: transparent;
+  border-radius: 99px;
+  border-width: 12px;
+  icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover
+  .screenshot-ui-window-selector-window-border {
+  border-color: #8da3ca;
+}
+
+.screenshot-ui-window-selector-window:checked
+  .screenshot-ui-window-selector-window-border {
+  border-color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked
+  .screenshot-ui-window-selector-check {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.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 #eeffff;
+}
+
+.screenshot-ui-tooltip {
+  color: #eeffff;
+  background-color: rgba(15, 17, 26, 0.95);
+  border-radius: 9999px;
+  padding: 6px 12px;
+  text-align: center;
+  -y-offset: 24px;
+}
+
+.window-picker {
+  spacing: 6px;
+}
+
+.window-caption {
+  color: #eeffff;
+  background-color: rgba(15, 17, 26, 0.95);
+  border-radius: 9999px;
+  padding: 6px 12px;
+}
+
+.window-close,
+.screenshot-ui-close-button {
+  background-color: #3b3f51;
+  color: #eeffff;
+  border-radius: 21px;
+  padding: 3px;
+  height: 30px;
+  width: 30px;
+  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
+  transition-duration: 200ms;
+}
+
+.window-close:hover,
+.screenshot-ui-close-button:hover {
+  color: #eeffff;
+  background-color: #e2795b;
+}
+
+.window-close:active,
+.screenshot-ui-close-button:active {
+  color: #eeffff;
+  background-color: #dc6068;
+}
+
+.window-close StIcon,
+.screenshot-ui-close-button StIcon {
+  icon-size: 24px;
+}
+
+.workspace-background {
+  border-radius: 30px;
+  background-color: rgba(15, 17, 26, 0.95);
+  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+  visible-width: 32px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.12);
+  border: none;
+  border-radius: 6px;
+}
+
+.workspace-thumbnails .placeholder {
+  background-image: url('assets/dash-placeholder.svg');
+  background-size: contain;
+  width: 18px;
+  height: 24px;
+}
+
+.workspace-thumbnail-indicator {
+  border: 3px solid #e2e9e9;
+  border-radius: 6px;
+  padding: 0;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+  -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+  -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+  background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+  color: #eeffff;
+  background-color: rgba(0, 0, 0, 0.75);
+  text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+  border-radius: 9999px;
+  margin: 2px;
+  padding: 0.2em 0.6em;
+  font-weight: bold;
+  text-align: center;
+}
+
+#dashtodockContainer.straight-corner #dash,
+#dashtodockContainer.shrink.straight-corner #dash {
+  border-radius: 0;
+  margin: 0;
+}
+
+#dashtodockContainer.straight-corner #dash .dash-background,
+#dashtodockContainer.shrink.straight-corner #dash .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.extended.top #dash,
+#dashtodockContainer.extended.bottom #dash,
+#dashtodockContainer.extended.right #dash,
+#dashtodockContainer.extended.left #dash {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+  padding: 0 0;
+}
+
+#dashtodockContainer.extended.top #dash .dash-background,
+#dashtodockContainer.extended.bottom #dash .dash-background,
+#dashtodockContainer.extended.right #dash .dash-background,
+#dashtodockContainer.extended.left #dash .dash-background {
+  border-radius: 0;
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+#dashtodockContainer.left #dash,
+#dashtodockContainer.right #dash {
+  margin-top: 0;
+  padding: 10px 0;
+}
+
+#dashtodockContainer.left #dash .dash-background,
+#dashtodockContainer.right #dash .dash-background {
+  margin-bottom: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app,
+#dashtodockContainer.left .show-apps,
+#dashtodockContainer.right .dash-item-container .app-well-app,
+#dashtodockContainer.right .show-apps {
+  padding: 6px;
+}
+
+#dashtodockContainer.left #dash {
+  margin-left: 6px;
+}
+
+#dashtodockContainer.right #dash {
+  margin-right: 6px;
+}
+
+#dashtodockContainer.dashtodock #dash .dash-background {
+  background-color: rgba(15, 17, 26, 0.95);
+}
+
+#dashtodockContainer #dash .dash-background {
+  background-color: rgba(15, 17, 26, 0.95);
+  box-shadow: inset 0 0 0 1px rgba(239, 240, 242, 0.2);
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+  background-color: #f07178;
+}
+
+#dashtodockContainer StWidget.focused .app-well-app-running-dot {
+  background-color: #84ffff !important;
+}
+
+#dashtodockContainer:overview #dash .app-well-app-running-dot {
+  background-color: #f07178;
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #84ffff !important;
+}
+
+#dashtodockContainer .show-apps .overview-icon,
+#dashtodockContainer .app-well-app .overview-icon {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 15px;
+}
+
+#dashtodockContainer .show-apps:hover .overview-icon,
+#dashtodockContainer .show-apps:focus .overview-icon,
+#dashtodockContainer .show-apps:selected .overview-icon,
+#dashtodockContainer .app-well-app:hover .overview-icon,
+#dashtodockContainer .app-well-app:focus .overview-icon,
+#dashtodockContainer .app-well-app:selected .overview-icon {
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 15px;
+}
+
+#dashtodockContainer .show-apps:active .overview-icon,
+#dashtodockContainer .show-apps:checked .overview-icon,
+#dashtodockContainer .app-well-app:active .overview-icon,
+#dashtodockContainer .app-well-app:checked .overview-icon {
+  background-color: rgba(238, 255, 255, 0.3);
+  border-radius: 15px;
+}
+
+#dashtodockContainer:overview #dash .show-apps .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app .overview-icon {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 15px;
+}
+
+#dashtodockContainer:overview #dash .show-apps:hover .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:focus .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:selected .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:hover .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:focus .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:selected .overview-icon {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+#dashtodockContainer:overview #dash .show-apps:active .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:checked .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:active .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:checked .overview-icon {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+#dashtodockContainer.opaque #dash .dash-background {
+  background-color: rgba(15, 17, 26, 0.95);
+}
+
+#dashtodockContainer.transparent #dash .dash-background {
+  background-color: rgba(33, 33, 33, 0.35);
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+  background-color: rgba(35, 38, 55, 0.95);
+  box-shadow: inset 0 0 0 1px rgba(239, 240, 242, 0.1);
+}
+
+#dashtodockContainer.opaque:overview #dash .dash-background,
+#dashtodockContainer.transparent:overview #dash .dash-background {
+  background-color: transparent !important;
+  box-shadow: none !important;
+}
+
+#dashtodockContainer.extended:overview #dash .dash-background,
+#dashtodockContainer.opaque.extended:overview #dash .dash-background,
+#dashtodockContainer.transparent.extended:overview #dash .dash-background {
+  background-color: rgba(15, 17, 26, 0.95);
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton,
+#dashtodockContainer.dashtodock .dash-item-container > StButton {
+  transition-duration: 250ms;
+  background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton,
+#dashtodockContainer.dashtodock .dash-item-container > StButton {
+  padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon,
+#dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+  border-radius: 6px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+  border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+  padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+  width: 1px;
+  height: auto;
+  border-right-width: 1px;
+  margin: 32px 0;
+}
+
+.openweather-button,
+.openweather-button-action,
+.openweather-menu-button-container,
+.openweather-button-box {
+  border: 1px solid transparent;
+}
+
+.openweather-provider {
+  padding: 0 16px;
+  font-weight: 500;
+  border: 1px solid transparent;
+}
+
+.openweather-current-icon,
+.openweather-current-summary,
+.openweather-current-summarybox {
+  background: none;
+  color: #eeffff;
+}
+
+.openweather-current-databox-values {
+  background: none;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.openweather-current-databox-captions {
+  background: none;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.openweather-forecast-icon,
+.openweather-forecast-summary {
+  background: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.openweather-forecast-day,
+.openweather-forecast-temperature {
+  background: none;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.openweather-sunrise-icon,
+.openweather-sunset-icon,
+.openweather-build-icon {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.popup-sub-menu .openweather-current-icon,
+.popup-sub-menu .openweather-current-summary,
+.popup-sub-menu .openweather-current-summarybox {
+  background: none;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-current-databox-values {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-current-databox-captions {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-forecast-icon,
+.popup-sub-menu .openweather-forecast-summary {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-forecast-day,
+.popup-sub-menu .openweather-forecast-temperature {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-sunrise-icon,
+.popup-sub-menu .openweather-sunset-icon,
+.popup-sub-menu .openweather-build-icon {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/config/DeepOcean-BL/gtk-3.0/gtk-dark.css b/Material/files/Material/config/DeepOcean-BL/gtk-3.0/gtk-dark.css
new file mode 100644
index 000000000..8f5d8cffd
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-BL/gtk-3.0/gtk-dark.css
@@ -0,0 +1,11474 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #0f111a;
+/* text widgets and the like base background color */
+@define-color theme_base_color #0f111a;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f111a;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #232637;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #0f111a;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #0f111a;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #0f111a;
+@define-color wm_unfocused_bg #0f111a;
+@define-color wm_button_close_icon #0f111a;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #0f111a;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #0f111a;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #0f111a;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #0f111a;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #0f111a;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #0f111a;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #0f111a;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #0f111a;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #e2e9e9 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #e2e9e9 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #f07178;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #e2e9e9;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #eeffff;
+  background-color: #464b5d;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #232637;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #0f111a;
+}
+
+textview border {
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+.dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #f07178;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #0f111a;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #eeffff;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(154, 165, 206, 0.9);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(154, 165, 206, 0.7);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.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;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar 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.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+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 {
+  color: #2196f3;
+}
+
+*:visited {
+  color: #ce93d8;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #2196f3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #ce93d8;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #0f111a;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+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(238, 255, 255, 0.12);
+  background-color: #232637;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+  color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: #0f111a;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.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 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.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: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 10px 20px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 20px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #0f111a;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+  background-color: #292d3e;
+  color: #84ffff;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(238, 255, 255, 0.3);
+  border-top-color: rgba(238, 255, 255, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(238, 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: #eeffff;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #0f111a;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #292d3e;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 1px solid #444167;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #eeffff;
+  font: initial;
+  font-weight: 500;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #3b3f51;
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-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),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #464b5d;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+  margin-top: 8px;
+  margin-bottom: -12px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #eeffff;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+  margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop,
+.csd popover.background:backdrop {
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05),
+    0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #292d3e;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #232637;
+  color: #84ffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: transparent;
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: transparent;
+}
+
+scrollbar.bottom {
+  border-bottom: transparent;
+}
+
+scrollbar.left {
+  border-bottom: transparent;
+}
+
+scrollbar.right {
+  border-bottom: transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 4px;
+  min-height: 4px;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 2px;
+  min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 2px;
+  min-height: 2px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+  background-color: transparent;
+  color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked slider {
+  background-color: #0f111a;
+  color: #0f111a;
+}
+
+/*************************
+ * 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;
+}
+
+.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;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -8px;
+  padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #e2e9e9;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+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:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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;
+}
+
+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(238, 255, 255, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+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')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #eeffff;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #e2e9e9;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+  border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #0f111a;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #ffcb6b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms 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(238, 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: #eeffff;
+}
+
+expander title > arrow:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #292d3e;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+.csd filechooser {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #0f111a;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(238, 255, 255, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.12)),
+    image(rgba(238, 255, 255, 0.12));
+  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;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #0f111a;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip * {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #e2e9e9;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #0f111a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+  margin: 8px;
+}
+
+.csd decoration {
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  background-color: #1A1C25;
+  background-clip: border-box;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+    0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+  border-radius: 0;
+}
+
+.popup decoration {
+  box-shadow: none;
+}
+
+.ssd decoration {
+  border: none;
+  border-radius: 12px 12px 0 0;
+  background-color: #0f111a;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.metacity decoration {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border: none;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.csd decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  background-color: #232637;
+  background-clip: border-box;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #0f111a;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close {
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:active {
+  background-color: #ffcb6b;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active {
+  background-color: shade(#ffcb6b, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:active {
+  background-color: #c3e88d;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+  background-color: shade(#c3e88d, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+  background-color: #f07178;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+  background-color: shade(#f07178, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop {
+  background-color: #464b5d;
+  color: transparent;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.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(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+	padding: 2px;
+	margin: 6px 0;
+  background-color: alpha(currentColor, 0.05);
+  border: 1px solid #232637;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+	min-height: 20px;
+	padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#e2e9e9, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#e2e9e9, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #0f111a;
+  color: #e2e9e9;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #232637;
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #232637;
+  font-weight: 700;
+  border-left: 3px solid #f07178;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #84ffff;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #232637;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(238, 255, 255, 0.20);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #eeffff;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #84ffff;
+  background-color: #232637;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+  color: #84ffff;
+  background-color: #232637;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #232637;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #84ffff;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #e2e9e9;
+  color: #e2e9e9;
+}
+
+.disk-space-display.free {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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 {
+  margin: -6px 0 0 -6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > label {
+  margin: 0 8px;
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > box
+  > button {
+  border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+  padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+  margin-top: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box {
+  margin-bottom: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box.linked {
+  margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+  margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #232637;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #232637;
+}
+
+.gedit-document-panel row button.flat {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #292d3e;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > 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;
+}
+
+/**********
+ * Tweaks *
+ **********/
+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,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > 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 list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > 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 list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > 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 list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #292d3e;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > 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
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+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
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#eeffff,
+.tweak-#eeffff,
+.tweak-#eeffff:hover {
+  background-image: image(#0f111a);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#0f111a);
+}
+
+.tweak-group-startup {
+  background-image: image(#0f111a);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > 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: #0f111a;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > 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 > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #0f111a;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > 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;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #0f111a;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#0f111a);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #e2e9e9;
+  background-color: #0f111a;
+}
+
+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(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #0f111a;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #232637;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #e2e9e9 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+docktab:checked {
+  transition: all 75ms 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 #e2e9e9;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+dockoverlayedge {
+  background-color: #0f111a;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+pillbox {
+  background-color: #0f111a;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #0f111a;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.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: #eeffff;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #0f111a;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(226, 233, 233, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #eeffff;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #eeffff;
+}
+
+button.photos-filter-preview:checked image {
+  color: #eeffff;
+}
+
+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;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#232637);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#e2e9e9);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #0f111a;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #0f111a;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  padding: 0 2px 3px 2px;
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+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: 12px;
+}
+
+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: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#232637);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #232637;
+  color: #eeffff;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  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: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #eeffff;
+  background-color: #0f111a;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #0f111a;
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * 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,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #0f111a;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified > decoration-overlay {
+  box-shadow: inset 0 0 0 1px rgba(238, 255, 255, 0.2);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+}
+
+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;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+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(#292d3e);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+window > notebook > stack {
+  margin: 0 3px 3px 3px;
+}
+
+window > notebook {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #0f111a;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #292d3e;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #444167;
+}
+
+window.background.chromium > button {
+  color: #e2e9e9;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #e2e9e9;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #444167;
+  background-color: #0f111a;
+}
+
+window.background.chromium menu {
+  border-color: #515772;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #0f111a;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #e2e9e9;
+  box-shadow: inset 0 0 0 1px #e2e9e9;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #232637;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #737aa2;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #828bb8;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(113, 124, 180, 0.5);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #eeffff;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #444167;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #444167;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #0f111a;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -1px;
+  border: 1px solid #444167;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #0f111a;
+}
+
+/*********
+ * 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: #e2e9e9;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(15, 17, 26, 0.95);
+  color: #eeffff;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #e2e9e9;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.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 {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 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: #e2e9e9;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+.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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #292d3e;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #e2e9e9;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.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: #0f111a;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  background-image: none;
+  color: #eeffff;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #0f111a;
+  color: #eeffff;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+#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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #e2e9e9;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #292d3e;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(238, 255, 255, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #eeffff;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(238, 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(238, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(238, 255, 255, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(238, 255, 255, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #232637;
+}
+
+.budgie-panel button {
+  color: rgba(238, 255, 255, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #f07178;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #eeffff;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #eeffff;
+}
+
+.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:not(:checked) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+}
+
+.top frame.raven-frame > border {
+  margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+  margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+  margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+  margin-left: 32px;
+}
+
+.raven {
+  background-color: #292d3e;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.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(238, 255, 255, 0.06);
+  color: #eeffff;
+}
+
+.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: #eeffff;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #232637;
+  color: #eeffff;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #f07178;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #eeffff;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #0f111a;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+#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(238, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+  background-color: #0f111a;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover,
+.nemo-window .primary-toolbar button.text-button:active,
+.nemo-window .primary-toolbar button.text-button:checked {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+  border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #232637;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #676e95;
+  -nemoplacestreeview-disk-full-fg-color: #e2e9e9;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
diff --git a/Material/files/Material/config/DeepOcean-BL/gtk-3.0/gtk.css b/Material/files/Material/config/DeepOcean-BL/gtk-3.0/gtk.css
new file mode 100644
index 000000000..34d10e07d
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-BL/gtk-3.0/gtk.css
@@ -0,0 +1,11474 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #0f111a;
+/* text widgets and the like base background color */
+@define-color theme_base_color #0f111a;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f111a;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #232637;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #0f111a;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #0f111a;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #0f111a;
+@define-color wm_unfocused_bg #0f111a;
+@define-color wm_button_close_icon #0f111a;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #0f111a;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #0f111a;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #0f111a;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #0f111a;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #0f111a;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #0f111a;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #0f111a;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #0f111a;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #e2e9e9 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #e2e9e9 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #f07178;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #e2e9e9;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #eeffff;
+  background-color: #464b5d;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #232637;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #0f111a;
+}
+
+textview border {
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+.dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #f07178;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #0f111a;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #eeffff;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(154, 165, 206, 0.9);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(154, 165, 206, 0.7);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.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;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar 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.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+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 {
+  color: #2196f3;
+}
+
+*:visited {
+  color: #ce93d8;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #2196f3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #ce93d8;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #0f111a;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+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(238, 255, 255, 0.12);
+  background-color: #232637;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+  color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: #0f111a;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.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 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.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: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 10px 20px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 20px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #0f111a;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+  background-color: #292d3e;
+  color: #84ffff;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(238, 255, 255, 0.3);
+  border-top-color: rgba(238, 255, 255, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(238, 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: #eeffff;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #0f111a;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #292d3e;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 1px solid #444267;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #eeffff;
+  font: initial;
+  font-weight: 500;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #3b3f51;
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-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),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #464b5d;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+  margin-top: 8px;
+  margin-bottom: -12px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #eeffff;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+  margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop,
+.csd popover.background:backdrop {
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05),
+    0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #292d3e;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #232637;
+  color: #84ffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: transparent;
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: transparent;
+}
+
+scrollbar.bottom {
+  border-bottom: transparent;
+}
+
+scrollbar.left {
+  border-bottom: transparent;
+}
+
+scrollbar.right {
+  border-bottom: transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 4px;
+  min-height: 4px;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 2px;
+  min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 2px;
+  min-height: 2px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+  background-color: transparent;
+  color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked slider {
+  background-color: #0f111a;
+  color: #0f111a;
+}
+
+/*************************
+ * 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;
+}
+
+.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;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -8px;
+  padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #e2e9e9;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+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:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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;
+}
+
+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(238, 255, 255, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+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')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #eeffff;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #e2e9e9;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+  border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #0f111a;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #ffcb6b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms 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(238, 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: #eeffff;
+}
+
+expander title > arrow:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #292d3e;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+.csd filechooser {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #0f111a;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(238, 255, 255, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.12)),
+    image(rgba(238, 255, 255, 0.12));
+  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;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #0f111a;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip * {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #e2e9e9;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #0f111a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+  margin: 8px;
+}
+
+.csd decoration {
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+    0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+  border-radius: 0;
+}
+
+.popup decoration {
+  box-shadow: none;
+}
+
+.ssd decoration {
+  border: none;
+  border-radius: 12px 12px 0 0;
+  background-color: #0f111a;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.metacity decoration {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border: none;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.csd decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  background-color: #232637;
+  background-clip: border-box;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #0f111a;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close {
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:active {
+  background-color: #ffcb6b;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active {
+  background-color: shade(#ffcb6b, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:active {
+  background-color: #c3e88d;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+  background-color: shade(#c3e88d, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+  background-color: #f07178;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+  background-color: shade(#f07178, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop {
+  background-color: #464b5d;
+  color: transparent;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.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(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: alpha(currentColor, 0.05);
+  border: 1px solid #232637;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#e2e9e9, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#e2e9e9, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #0f111a;
+  color: #e2e9e9;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #232637;
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #232637;
+  font-weight: 700;
+  border-left: 3px solid #f07178;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #84ffff;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #232637;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #eeffff;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #84ffff;
+  background-color: #232637;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+  color: #84ffff;
+  background-color: #232637;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #232637;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #84ffff;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #e2e9e9;
+  color: #e2e9e9;
+}
+
+.disk-space-display.free {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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 {
+  margin: -6px 0 0 -6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > label {
+  margin: 0 8px;
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > box
+  > button {
+  border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+  padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+  margin-top: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box {
+  margin-bottom: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box.linked {
+  margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+  margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #232637;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #232637;
+}
+
+.gedit-document-panel row button.flat {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #292d3e;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > 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;
+}
+
+/**********
+ * Tweaks *
+ **********/
+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,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > 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 list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > 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 list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > 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 list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #292d3e;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > 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
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+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
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#eeffff,
+.tweak-#eeffff,
+.tweak-#eeffff:hover {
+  background-image: image(#0f111a);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#0f111a);
+}
+
+.tweak-group-startup {
+  background-image: image(#0f111a);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > 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: #0f111a;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > 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 > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #0f111a;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > 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;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #0f111a;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#0f111a);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #e2e9e9;
+  background-color: #0f111a;
+}
+
+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(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #0f111a;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #232637;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #e2e9e9 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+docktab:checked {
+  transition: all 75ms 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 #e2e9e9;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+dockoverlayedge {
+  background-color: #0f111a;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+pillbox {
+  background-color: #0f111a;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #0f111a;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.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: #eeffff;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #0f111a;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(226, 233, 233, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #eeffff;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #eeffff;
+}
+
+button.photos-filter-preview:checked image {
+  color: #eeffff;
+}
+
+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;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#232637);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#e2e9e9);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #0f111a;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #0f111a;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  padding: 0 2px 3px 2px;
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+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: 12px;
+}
+
+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: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#232637);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #232637;
+  color: #eeffff;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  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: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #eeffff;
+  background-color: #0f111a;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #0f111a;
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * 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,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #0f111a;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified > decoration-overlay {
+  box-shadow: inset 0 0 0 1px rgba(238, 255, 255, 0.2);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+}
+
+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;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+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(#292d3e);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+window > notebook > stack {
+  margin: 0 3px 3px 3px;
+}
+
+window > notebook {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #0f111a;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #292d3e;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #444267;
+}
+
+window.background.chromium > button {
+  color: #e2e9e9;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #e2e9e9;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #444267;
+  background-color: #0f111a;
+}
+
+window.background.chromium menu {
+  border-color: #515772;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #0f111a;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #e2e9e9;
+  box-shadow: inset 0 0 0 1px #e2e9e9;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #232637;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #737aa2;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #828bb8;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(113, 124, 180, 0.5);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #eeffff;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #444267;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #444267;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #0f111a;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -1px;
+  border: 1px solid #444267;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #0f111a;
+}
+
+/*********
+ * 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: #e2e9e9;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(15, 17, 26, 0.95);
+  color: #eeffff;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #e2e9e9;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.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 {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 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: #e2e9e9;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+.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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #292d3e;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #e2e9e9;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.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: #0f111a;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  background-image: none;
+  color: #eeffff;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #0f111a;
+  color: #eeffff;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+#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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #e2e9e9;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #292d3e;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(238, 255, 255, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #eeffff;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(238, 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(238, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(238, 255, 255, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(238, 255, 255, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #232637;
+}
+
+.budgie-panel button {
+  color: rgba(238, 255, 255, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #f07178;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #eeffff;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #eeffff;
+}
+
+.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:not(:checked) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+}
+
+.top frame.raven-frame > border {
+  margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+  margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+  margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+  margin-left: 32px;
+}
+
+.raven {
+  background-color: #292d3e;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.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(238, 255, 255, 0.06);
+  color: #eeffff;
+}
+
+.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: #eeffff;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #232637;
+  color: #eeffff;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #f07178;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #eeffff;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #0f111a;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+#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(238, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+  background-color: #0f111a;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover,
+.nemo-window .primary-toolbar button.text-button:active,
+.nemo-window .primary-toolbar button.text-button:checked {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+  border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #232637;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #676e95;
+  -nemoplacestreeview-disk-full-fg-color: #e2e9e9;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
diff --git a/Material/files/Material/config/DeepOcean-BL/gtk-3.0/thumbnail.png b/Material/files/Material/config/DeepOcean-BL/gtk-3.0/thumbnail.png
new file mode 100644
index 000000000..0e4358002
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/gtk-3.0/thumbnail.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/gtk-4.0/gtk-dark.css b/Material/files/Material/config/DeepOcean-BL/gtk-4.0/gtk-dark.css
new file mode 100644
index 000000000..32a7830b7
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-BL/gtk-4.0/gtk-dark.css
@@ -0,0 +1,7017 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #0f111a;
+/* text widgets and the like base background color */
+@define-color theme_base_color #0f111a;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f111a;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 245, 245, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #232637;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #0f111a;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #0f111a;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 245, 245, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 245, 245, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 245, 245, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 245, 245, 0.7);
+@define-color wm_highlight rgba(238, 245, 245, 0.1);
+@define-color wm_bg #0f111a;
+@define-color wm_unfocused_bg #0f111a;
+@define-color wm_button_close_icon #0f111a;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #0f111a;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #0f111a;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #0f111a;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #0f111a;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 245, 245, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #0f111a;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #0f111a;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #0f111a;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #0f111a;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+dnd {
+  color: #eeffff;
+}
+
+.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 {
+  color: #eeffff;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+textview text {
+  background-color: #0f111a;
+}
+
+textview border {
+  background-color: #232637;
+  color: rgba(238, 245, 245, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #eeffff;
+  background-color: #0f111a;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 245, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+label.search-information {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(238, 245, 245, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 245, 245, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #eeffff;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * 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 {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 245, 245, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(238, 245, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+  padding: 2px 12px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+entry image:disabled {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 245, 245, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 245, 245, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 245, 245, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(238, 245, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 245, 245, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(238, 245, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #0f111a;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 245, 245, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 245, 245, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 245, 245, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 0%,
+      rgba(226, 233, 233, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 95%,
+      rgba(226, 233, 233, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 245, 245, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+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,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(238, 245, 245, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+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,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+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,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 245, 245, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+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,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(238, 245, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+button.osd:hover {
+  background-color: #444267;
+  color: #eeffff;
+}
+
+button.osd:active {
+  background-color: #1a1c25;
+  color: #eeffff;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 245, 245, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 245, 245, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 245, 245, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #e2e9e9;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #ff7043;
+  box-shadow: inset 0 0 0 1px #ff7043;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+menubutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+menubutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+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.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+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: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 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: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(238, 245, 245, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+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: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+splitbutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+splitbutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+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(238, 245, 245, 0.12);
+}
+
+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(238, 245, 245, 0.12);
+}
+
+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;
+}
+
+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) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #89ddff;
+}
+
+link:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 245, 245, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(238, 245, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 245, 245, 0.7);
+}
+
+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 > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 245, 245, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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: 9px;
+  padding-right: 9px;
+}
+
+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 popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 245, 245, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #0f111a;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 245, 245, 0.1);
+  background-color: #292d3e;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 245, 245, 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;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.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 {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 245, 245, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 245, 245, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 245, 245, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(238, 245, 245, 0.04);
+  color: #eeffff;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #eeffff;
+}
+
+headerbar entry image:disabled {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+  color: #eeffff;
+  box-shadow: inset 0 1px rgba(238, 245, 245, 0.1);
+}
+
+headerbar:disabled {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 245, 245, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 245, 245, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(238, 245, 245, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(238, 245, 245, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 245, 245, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+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');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 245, 245, 0);
+  background-color: #e2e9e9;
+}
+
+.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: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #0f111a
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(226, 233, 233, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #0f111a
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#0f111a);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(238, 245, 245, 0.04);
+  color: rgba(238, 245, 245, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #444267;
+  border-top-color: #444267;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(238, 245, 245, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(238, 245, 245, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #e2e9e9;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(238, 245, 245, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(238, 245, 245, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #0f111a;
+}
+
+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(238, 245, 245, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #eeffff;
+}
+
+menubar:backdrop {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 245, 245, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > item:disabled {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+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;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #292d3e;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #eeffff;
+  border: none;
+  border: 1px solid rgba(238, 245, 245, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: none;
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #eeffff;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #3b3f51;
+  color: #84ffff;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+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 label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(238, 245, 245, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(238, 245, 245, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 245, 245, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 245, 245, 0.04);
+  color: #84ffff;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #84ffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 245, 245, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(238, 245, 245, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 245, 245, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+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;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #0f111a;
+  color: #eeffff;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#e2e9e9, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#ff7043, 0.4);
+  background-color: alpha(#ff7043, 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: #e2e9e9;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#e2e9e9, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 245, 245, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(238, 245, 245, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #eeffff;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(238, 245, 245, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  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(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+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(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(238, 245, 245, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(238, 245, 245, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 245, 245, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 245, 245, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(238, 245, 245, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 245, 245, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 245, 245, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #0f111a;
+  color: #0f111a;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(238, 245, 245, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(238, 245, 245, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #eeffff;
+  box-shadow: 0 0 0 10px rgba(238, 245, 245, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 245, 245, 0.3);
+  color: #0f111a;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(238, 245, 245, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #e2e9e9;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 245, 245, 0.3);
+  color: #0f111a;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -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'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(238, 245, 245, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #232637 49.99%, #eeffff 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #eeffff;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #eeffff;
+  background-image: image(#232637);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 245, 245, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 245, 245, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #0f111a;
+  background-image: image(rgba(238, 245, 245, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 245, 245, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #0f111a;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 245, 245, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 245, 245, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 245, 245, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 245, 245, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 245, 245, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 245, 245, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #ffcb6b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 245, 245, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #eeffff;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(238, 245, 245, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(238, 245, 245, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(238, 245, 245, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  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(238, 245, 245, 0.12);
+  background-color: #0f111a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 245, 245, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 245, 245, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 245, 245, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(238, 245, 245, 0.12);
+  background-color: #0f111a;
+  color: rgba(238, 245, 245, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(238, 245, 245, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #eeffff;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(238, 245, 245, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #e2e9e9;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 245, 245, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #eeffff;
+}
+
+expander:disabled {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(238, 245, 245, 0.12);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(238, 245, 245, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #292d3e;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 245, 245, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 245, 245, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 245, 245, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 245, 245, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 245, 245, 0.12);
+  background-color: #0f111a;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(238, 245, 245, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 245, 245, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: 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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 245, 245, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(238, 245, 245, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #292d3e;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(238, 245, 245, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 245, 245, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+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 {
+  color: inherit;
+}
+
+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 {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#444267);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #0f111a;
+  background-image: image(#444267), image(#444267);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #232637;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #eeffff;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #292d3e;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #eeffff;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #292d3e;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 245, 245, 0.1);
+  background-color: #292d3e;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 245, 245, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #0f111a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window.csd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  outline-color: rgba(238, 245, 245, 0.2);
+  outline-offset: -1px;
+  outline-style: solid;
+  outline-width: 1px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+    0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #0f111a;
+  border: 1px solid #444267;
+}
+
+window.solid-csd:backdrop {
+  background-color: #0f111a;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 9999px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols
+  button.minimize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.maximize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action)
+  image {
+  padding: 0;
+}
+
+windowcontrols
+  button.minimize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#ffcb6b, 0.5);
+}
+
+windowcontrols
+  button.maximize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#c3e88d, 0.5);
+}
+
+windowcontrols
+  button.close:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#f07178, 0.5);
+}
+
+windowcontrols
+  button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #ffcb6b;
+}
+
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #c3e88d;
+}
+
+windowcontrols button.close:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #f07178;
+}
+
+button.titlebutton.close:backdrop,
+button.titlebutton.maximize:backdrop,
+button.titlebutton.minimize:backdrop,
+windowcontrols > button.close:backdrop,
+windowcontrols > button.maximize:backdrop,
+windowcontrols > button.minimize:backdrop {
+  background-color: #464b5d;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #e2e9e9;
+  background-color: #3b3f51;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(238, 245, 245, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 245, 245, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 0;
+  background-color: alpha(currentColor, 0.05);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(238, 245, 245, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(238, 245, 245, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #0f111a;
+}
+
+.nautilus-window:backdrop {
+  background-color: #0f111a;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 2em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(238, 245, 245, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(238, 245, 245, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(238, 245, 245, 0.12);
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #232637;
+  font-weight: 700;
+  border-left: 3px solid #f07178;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #84ffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 245, 245, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #0f111a;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #232637;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(238, 245, 245, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #232637;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #84ffff;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #0f111a;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(238, 245, 245, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(238, 245, 245, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(238, 245, 245, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(238, 245, 245, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+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 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(238, 245, 245, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #eeffff;
+  background-color: rgba(238, 245, 245, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 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: #eb4b3d;
+  background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #eeffff;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(238, 245, 245, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.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(238, 245, 245, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 245, 245, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(238, 245, 245, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 245, 245, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(238, 245, 245, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 245, 245, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(238, 245, 245, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(238, 245, 245, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(238, 245, 245, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #0f111a;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 245, 245, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 245, 245, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #e2e9e9;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+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: #eeffff;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 245, 245, 0.12);
+  background-clip: border-box;
+  background-color: #0f111a;
+  color: rgba(238, 245, 245, 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: 34px;
+}
+
+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(238, 245, 245, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(238, 245, 245, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #e2e9e9;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+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;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 245, 245, 0.1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #e2e9e9;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 119px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #e2e9e9;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+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;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+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: #eeffff;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #e2e9e9;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/config/DeepOcean-BL/gtk-4.0/gtk.css b/Material/files/Material/config/DeepOcean-BL/gtk-4.0/gtk.css
new file mode 100644
index 000000000..1c29fc922
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-BL/gtk-4.0/gtk.css
@@ -0,0 +1,7017 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #0f111a;
+/* text widgets and the like base background color */
+@define-color theme_base_color #0f111a;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f111a;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #232637;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #0f111a;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #0f111a;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #0f111a;
+@define-color wm_unfocused_bg #0f111a;
+@define-color wm_button_close_icon #0f111a;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #0f111a;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #0f111a;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #0f111a;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #0f111a;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #0f111a;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #0f111a;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #0f111a;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #0f111a;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+dnd {
+  color: #eeffff;
+}
+
+.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 {
+  color: #eeffff;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+textview text {
+  background-color: #0f111a;
+}
+
+textview border {
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #eeffff;
+  background-color: #0f111a;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+label.search-information {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(238, 255, 255, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #eeffff;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * 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 {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+  padding: 2px 12px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #0f111a;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 0%,
+      rgba(226, 233, 233, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 95%,
+      rgba(226, 233, 233, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+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,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+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,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+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,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+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,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+button.osd:hover {
+  background-color: #444267;
+  color: #eeffff;
+}
+
+button.osd:active {
+  background-color: #1a1c25;
+  color: #eeffff;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #e2e9e9;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #ff7043;
+  box-shadow: inset 0 0 0 1px #ff7043;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+menubutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+menubutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+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.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+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: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 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: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(238, 255, 255, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+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: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+splitbutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+splitbutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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;
+}
+
+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) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #89ddff;
+}
+
+link:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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: 9px;
+  padding-right: 9px;
+}
+
+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 popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #0f111a;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.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 {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #eeffff;
+}
+
+headerbar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+  color: #eeffff;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+headerbar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+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');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.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: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #0f111a
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(226, 233, 233, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #0f111a
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#0f111a);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #444267;
+  border-top-color: #444267;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #e2e9e9;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #0f111a;
+}
+
+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(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #eeffff;
+}
+
+menubar:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > item:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+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;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #292d3e;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #eeffff;
+  border: none;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: none;
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #eeffff;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #3b3f51;
+  color: #84ffff;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+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 label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(238, 255, 255, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #84ffff;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #84ffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+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;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #0f111a;
+  color: #eeffff;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#e2e9e9, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#ff7043, 0.4);
+  background-color: alpha(#ff7043, 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: #e2e9e9;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#e2e9e9, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #eeffff;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  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(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+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(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #0f111a;
+  color: #0f111a;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #eeffff;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #0f111a;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #e2e9e9;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #0f111a;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -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'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(238, 255, 255, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #232637 49.99%, #eeffff 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #eeffff;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #eeffff;
+  background-image: image(#232637);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #0f111a;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #ffcb6b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #eeffff;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  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(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #eeffff;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(238, 255, 255, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #e2e9e9;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #eeffff;
+}
+
+expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #292d3e;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: 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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #292d3e;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+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 {
+  color: inherit;
+}
+
+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 {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#444267);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #0f111a;
+  background-image: image(#444267), image(#444267);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #232637;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #eeffff;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #292d3e;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #eeffff;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #292d3e;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #0f111a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window.csd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  outline-color: rgba(238, 255, 255, 0.2);
+  outline-offset: -1px;
+  outline-style: solid;
+  outline-width: 1px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+    0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #0f111a;
+  border: 1px solid #444267;
+}
+
+window.solid-csd:backdrop {
+  background-color: #0f111a;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 9999px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols
+  button.minimize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.maximize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action)
+  image {
+  padding: 0;
+}
+
+windowcontrols
+  button.minimize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#ffcb6b, 0.5);
+}
+
+windowcontrols
+  button.maximize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#c3e88d, 0.5);
+}
+
+windowcontrols
+  button.close:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#f07178, 0.5);
+}
+
+windowcontrols
+  button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #ffcb6b;
+}
+
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #c3e88d;
+}
+
+windowcontrols button.close:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #f07178;
+}
+
+button.titlebutton.close:backdrop,
+button.titlebutton.maximize:backdrop,
+button.titlebutton.minimize:backdrop,
+windowcontrols > button.close:backdrop,
+windowcontrols > button.maximize:backdrop,
+windowcontrols > button.minimize:backdrop {
+  background-color: #464b5d;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #e2e9e9;
+  background-color: #3b3f51;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 0;
+  background-color: alpha(currentColor, 0.05);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #0f111a;
+}
+
+.nautilus-window:backdrop {
+  background-color: #0f111a;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 2em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #232637;
+  font-weight: 700;
+  border-left: 3px solid #f07178;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #84ffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #0f111a;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #232637;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #232637;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #84ffff;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #0f111a;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+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 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(238, 255, 255, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 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: #eb4b3d;
+  background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #eeffff;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.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(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #0f111a;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #e2e9e9;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+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: #eeffff;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+  background-color: #0f111a;
+  color: rgba(238, 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: 34px;
+}
+
+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(238, 255, 255, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #e2e9e9;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+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;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #292d3e;
+  color: #84ffff;
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #e2e9e9;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 119px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #e2e9e9;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+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;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+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: #eeffff;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #e2e9e9;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/config/DeepOcean-BL/gtk-4.0/thumbnail.png b/Material/files/Material/config/DeepOcean-BL/gtk-4.0/thumbnail.png
new file mode 100644
index 000000000..0e4358002
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/gtk-4.0/thumbnail.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/bottom-active.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/bottom-active.png
new file mode 100644
index 000000000..ac39d738f
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/bottom-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/bottom-inactive.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/bottom-inactive.png
new file mode 100644
index 000000000..ac39d738f
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/bottom-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/bottom-left-active.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/bottom-left-active.png
new file mode 100644
index 000000000..dba94fc0d
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/bottom-left-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/bottom-left-inactive.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/bottom-left-inactive.png
new file mode 100644
index 000000000..dba94fc0d
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/bottom-left-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/bottom-right-active.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/bottom-right-active.png
new file mode 100644
index 000000000..2aa132b09
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/bottom-right-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/bottom-right-inactive.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/bottom-right-inactive.png
new file mode 100644
index 000000000..2aa132b09
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/bottom-right-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/close-active.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/close-active.png
new file mode 100644
index 000000000..36c44c56b
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/close-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/close-inactive.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/close-inactive.png
new file mode 100644
index 000000000..41d9e27e5
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/close-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/close-prelight.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/close-prelight.png
new file mode 100644
index 000000000..cd8ff222c
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/close-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/close-pressed.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/close-pressed.png
new file mode 100644
index 000000000..4858970cd
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/close-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/hide-active.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/hide-active.png
new file mode 100644
index 000000000..8adfe1635
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/hide-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/hide-inactive.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/hide-inactive.png
new file mode 100644
index 000000000..de50b13fb
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/hide-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/hide-prelight.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/hide-prelight.png
new file mode 100644
index 000000000..c2fef6893
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/hide-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/hide-pressed.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/hide-pressed.png
new file mode 100644
index 000000000..19131e245
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/hide-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/left-active.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/left-active.png
new file mode 100644
index 000000000..493f8cc32
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/left-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/left-inactive.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/left-inactive.png
new file mode 100644
index 000000000..493f8cc32
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/left-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-active.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-active.png
new file mode 100644
index 000000000..83fa92a5a
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-inactive.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-inactive.png
new file mode 100644
index 000000000..41d9e27e5
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-prelight.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-prelight.png
new file mode 100644
index 000000000..0703dd5c4
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-pressed.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-pressed.png
new file mode 100644
index 000000000..44ce42bab
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-toggled-active.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-toggled-active.png
new file mode 100644
index 000000000..6fdf3dfb8
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-toggled-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-toggled-inactive.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-toggled-inactive.png
new file mode 100644
index 000000000..8e78ef404
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-toggled-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-toggled-prelight.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-toggled-prelight.png
new file mode 100644
index 000000000..4054e49be
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-toggled-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-toggled-pressed.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-toggled-pressed.png
new file mode 100644
index 000000000..6a5c33b1b
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/maximize-toggled-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/menu-active.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/menu-active.png
new file mode 100644
index 000000000..92a0c5ca1
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/menu-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/menu-inactive.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/menu-inactive.png
new file mode 100644
index 000000000..2cd12d79a
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/menu-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/menu-prelight.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/menu-prelight.png
new file mode 100644
index 000000000..15c880d98
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/menu-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/menu-pressed.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/menu-pressed.png
new file mode 100644
index 000000000..38b433913
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/menu-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/right-active.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/right-active.png
new file mode 100644
index 000000000..493f8cc32
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/right-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/right-inactive.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/right-inactive.png
new file mode 100644
index 000000000..493f8cc32
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/right-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-active.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-active.png
new file mode 100644
index 000000000..ca26576b6
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-inactive.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-inactive.png
new file mode 100644
index 000000000..a4c292e36
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-prelight.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-prelight.png
new file mode 100644
index 000000000..54bd1e469
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-pressed.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-pressed.png
new file mode 100644
index 000000000..79969baba
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-toggled-active.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-toggled-active.png
new file mode 100644
index 000000000..92a0c5ca1
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-toggled-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-toggled-inactive.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-toggled-inactive.png
new file mode 100644
index 000000000..2cd12d79a
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-toggled-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-toggled-prelight.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-toggled-prelight.png
new file mode 100644
index 000000000..15c880d98
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-toggled-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-toggled-pressed.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-toggled-pressed.png
new file mode 100644
index 000000000..38b433913
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/shade-toggled-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-active.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-active.png
new file mode 100644
index 000000000..ca26576b6
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-inactive.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-inactive.png
new file mode 100644
index 000000000..a4c292e36
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-prelight.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-prelight.png
new file mode 100644
index 000000000..54bd1e469
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-pressed.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-pressed.png
new file mode 100644
index 000000000..79969baba
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-toggled-active.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-toggled-active.png
new file mode 100644
index 000000000..4b9422069
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-toggled-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-toggled-inactive.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-toggled-inactive.png
new file mode 100644
index 000000000..6e306f4a6
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-toggled-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-toggled-prelight.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-toggled-prelight.png
new file mode 100644
index 000000000..ea59996df
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-toggled-prelight.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-toggled-pressed.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-toggled-pressed.png
new file mode 100644
index 000000000..9aa99e969
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/stick-toggled-pressed.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/themerc b/Material/files/Material/config/DeepOcean-BL/xfwm4/themerc
new file mode 100644
index 000000000..126405dd1
--- /dev/null
+++ b/Material/files/Material/config/DeepOcean-BL/xfwm4/themerc
@@ -0,0 +1,23 @@
+button_offset=7
+button_spacing=-7
+
+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/Material/files/Material/config/DeepOcean-BL/xfwm4/title-1-active.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/title-1-active.png
new file mode 100644
index 000000000..2fb34cf4d
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/title-1-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/title-1-inactive.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/title-1-inactive.png
new file mode 100644
index 000000000..2fb34cf4d
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/title-1-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/title-2-active.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/title-2-active.png
new file mode 100644
index 000000000..2fb34cf4d
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/title-2-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/title-2-inactive.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/title-2-inactive.png
new file mode 100644
index 000000000..2fb34cf4d
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/title-2-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/title-3-active.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/title-3-active.png
new file mode 100644
index 000000000..2fb34cf4d
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/title-3-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/title-3-inactive.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/title-3-inactive.png
new file mode 100644
index 000000000..2fb34cf4d
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/title-3-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/title-4-active.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/title-4-active.png
new file mode 100644
index 000000000..2fb34cf4d
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/title-4-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/title-4-inactive.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/title-4-inactive.png
new file mode 100644
index 000000000..2fb34cf4d
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/title-4-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/title-5-active.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/title-5-active.png
new file mode 100644
index 000000000..2fb34cf4d
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/title-5-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/title-5-inactive.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/title-5-inactive.png
new file mode 100644
index 000000000..2fb34cf4d
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/title-5-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/top-left-active.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/top-left-active.png
new file mode 100644
index 000000000..02d744113
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/top-left-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/top-left-inactive.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/top-left-inactive.png
new file mode 100644
index 000000000..02d744113
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/top-left-inactive.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/top-right-active.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/top-right-active.png
new file mode 100644
index 000000000..e7a06a92c
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/top-right-active.png differ
diff --git a/Material/files/Material/config/DeepOcean-BL/xfwm4/top-right-inactive.png b/Material/files/Material/config/DeepOcean-BL/xfwm4/top-right-inactive.png
new file mode 100644
index 000000000..e7a06a92c
Binary files /dev/null and b/Material/files/Material/config/DeepOcean-BL/xfwm4/top-right-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/gtk-3.0/gtk-dark.css b/Material/files/Material/config/Palenight-B-LB/gtk-3.0/gtk-dark.css
new file mode 100644
index 000000000..290ca1dd6
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B-LB/gtk-3.0/gtk-dark.css
@@ -0,0 +1,11420 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #292d3e;
+/* text widgets and the like base background color */
+@define-color theme_base_color #292d3e;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #292d3e;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #202331;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #292d3e;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #292d3e;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #292d3e;
+@define-color wm_unfocused_bg #292d3e;
+@define-color wm_button_close_icon #292d3e;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #292d3e;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #292d3e;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #292d3e;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #292d3e;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #292d3e;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #292d3e;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #292d3e;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #292d3e;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #e2e9e9 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #e2e9e9 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #f28b82;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #e2e9e9;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #eeffff;
+  background-color: #414868;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #16161e;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #202331;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #16161e;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #292d3e;
+}
+
+textview border {
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+.dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f28b82;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #fdd633;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #f28b82;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #fdd633;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #292d3e;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #eeffff;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(154, 165, 206, 0.9844);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(154, 165, 206, 0.7844);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f28b82;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.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;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar 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.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+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 {
+  color: #2196f3;
+}
+
+*:visited {
+  color: #ce93d8;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #2196f3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #ce93d8;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #292d3e;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+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(238, 255, 255, 0.12);
+  background-color: #202331;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar stackswitcher {
+  border: 2px solid #e2e9e9;
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: #292d3e;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.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 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.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: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 10px 15px;
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 15px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #292d3e;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+  background-color: #202331;
+  color: #b480d6;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(238, 255, 255, 0.3);
+  border-top-color: rgba(238, 255, 255, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(238, 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: #eeffff;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #292d3e;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #3a3f58;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 2px solid #e2e9e9;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #eeffff;
+  font: initial;
+  font-weight: 500;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #515772;
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-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),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #545c7e;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+  margin-top: 8px;
+  margin-bottom: -12px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #eeffff;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+  margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #3a3f58;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 2px solid #676e95;
+  box-shadow: none;
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #3a3f58;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #202331;
+  color: #b480d6;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: transparent;
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: transparent;
+}
+
+scrollbar.bottom {
+  border-bottom: transparent;
+}
+
+scrollbar.left {
+  border-bottom: transparent;
+}
+
+scrollbar.right {
+  border-bottom: transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 4px;
+  min-height: 4px;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 2px;
+  min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 2px;
+  min-height: 2px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+  background-color: transparent;
+  color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked slider {
+  background-color: #292d3e;
+  color: #292d3e;
+}
+
+/*************************
+ * 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;
+}
+
+.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;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -8px;
+  padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #e2e9e9;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+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:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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;
+}
+
+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(238, 255, 255, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+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')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #eeffff;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #e2e9e9;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+  border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #292d3e;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms 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(238, 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: #eeffff;
+}
+
+expander title > arrow:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #3a3f58;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #f28b82;
+}
+
+.csd filechooser {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #292d3e;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(238, 255, 255, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.12)),
+    image(rgba(238, 255, 255, 0.12));
+  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;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #292d3e;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #e2e9e9;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #292d3e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 14px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 16px transparent;
+  border: 2px solid #a6accd;
+  background-clip: border-box;
+  margin: 8px;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 16px transparent;
+  border: 2px solid #414863;
+  background-clip: border-box;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+  border-radius: 0;
+  border: none;
+}
+
+.popup decoration {
+  box-shadow: none;
+}
+
+.ssd decoration {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #a6accd;
+  border: none;
+  border-radius: 12px 12px 0 0;
+}
+
+.ssd decoration:backdrop {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #414863;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  border: 2px solid #676e95;
+  background-clip: border-box;
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.csd decoration {
+  border-radius: 12px;
+  border: none;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  border: 2px solid #e2e9e9;
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #292d3e;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover {
+  background-color: #a6accd;
+  color: #292d3e;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+  background-color: #c792ea;
+  color: #292d3e;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.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(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #3a3f58;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #e2e9e9;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#e2e9e9, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#e2e9e9, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #292d3e;
+  color: #e2e9e9;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #202331;
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #202331;
+  font-weight: 700;
+  border-left: 3px solid #f7768e;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #b480d6;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #202331;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #eeffff;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #b480d6;
+  background-color: #202331;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+  color: #b480d6;
+  background-color: #202331;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #202331;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #b480d6;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #e2e9e9;
+  color: #e2e9e9;
+}
+
+.disk-space-display.free {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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 {
+  margin: -6px 0 0 -6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > label {
+  margin: 0 8px;
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > box
+  > button {
+  border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+  padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+  margin-top: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box {
+  margin-bottom: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box.linked {
+  margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+  margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #202331;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #202331;
+}
+
+.gedit-document-panel row button.flat {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #3a3f58;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > 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;
+}
+
+/**********
+ * Tweaks *
+ **********/
+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,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > 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 list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > 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 list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > 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 list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #1b1e2b;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > 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
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+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
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#eeffff,
+.tweak-#eeffff,
+.tweak-#eeffff:hover {
+  background-image: image(#292d3e);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#292d3e);
+}
+
+.tweak-group-startup {
+  background-image: image(#292d3e);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > 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: #292d3e;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > 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 > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #292d3e;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > 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;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #292d3e;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#292d3e);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #e2e9e9;
+  background-color: #292d3e;
+}
+
+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(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #292d3e;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #202331;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #e2e9e9 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+docktab:checked {
+  transition: all 75ms 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 #e2e9e9;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+dockoverlayedge {
+  background-color: #292d3e;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+pillbox {
+  background-color: #292d3e;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #292d3e;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.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: #eeffff;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #292d3e;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(226, 233, 233, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #eeffff;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #eeffff;
+}
+
+button.photos-filter-preview:checked image {
+  color: #eeffff;
+}
+
+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;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#202331);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#e2e9e9);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #292d3e;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #292d3e;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  padding: 0 2px 3px 2px;
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+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: 12px;
+}
+
+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: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#202331);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #202331;
+  color: #eeffff;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  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: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #eeffff;
+  background-color: #292d3e;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #292d3e;
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * 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,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #292d3e;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified headerbar.selection-mode {
+  box-shadow: none;
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+  border: none;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #a6accd, 0 0 16px transparent;
+}
+
+window.background.csd.unified:backdrop,
+window.background.csd.unified > decoration:backdrop,
+window.background.csd.unified > decoration-overlay:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #414863, 0 0 16px transparent;
+}
+
+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;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+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(#3a3f58);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+window > notebook > stack {
+  margin: 0 3px 3px 3px;
+}
+
+window > notebook {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #292d3e;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #3a3f58;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #444a73;
+}
+
+window.background.chromium > button {
+  color: #e2e9e9;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #e2e9e9;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #444a73;
+  background-color: #292d3e;
+}
+
+window.background.chromium menu {
+  border-color: #565f89;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #292d3e;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #e2e9e9;
+  box-shadow: inset 0 0 0 1px #e2e9e9;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #202331;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #737aa2;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #828bb8;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(115, 122, 162, 0.5);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #eeffff;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #444a73;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #444a73;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #292d3e;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -2px;
+  border: 2px solid #e2e9e9;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #292d3e;
+}
+
+/*********
+ * 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: #e2e9e9;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #e2e9e9;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.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 {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 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: #e2e9e9;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+.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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #3a3f58;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #e2e9e9;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.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: #292d3e;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  background-image: none;
+  color: #eeffff;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #292d3e;
+  color: #eeffff;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+#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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #e2e9e9;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #3a3f58;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(238, 255, 255, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #eeffff;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(238, 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(238, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(238, 255, 255, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(238, 255, 255, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #202331;
+}
+
+.budgie-panel button {
+  color: rgba(238, 255, 255, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #f28b82;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #eeffff;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #eeffff;
+}
+
+.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:not(:checked) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+}
+
+.top frame.raven-frame > border {
+  margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+  margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+  margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+  margin-left: 32px;
+}
+
+.raven {
+  background-color: #3a3f58;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.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(238, 255, 255, 0.06);
+  color: #eeffff;
+}
+
+.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: #eeffff;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #202331;
+  color: #eeffff;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #f28b82;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #eeffff;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #292d3e;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+#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(238, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+  background-color: #292d3e;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover,
+.nemo-window .primary-toolbar button.text-button:active,
+.nemo-window .primary-toolbar button.text-button:checked {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+  border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #202331;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #676e95;
+  -nemoplacestreeview-disk-full-fg-color: #e2e9e9;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
diff --git a/Material/files/Material/config/Palenight-B-LB/gtk-3.0/gtk.css b/Material/files/Material/config/Palenight-B-LB/gtk-3.0/gtk.css
new file mode 100644
index 000000000..290ca1dd6
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B-LB/gtk-3.0/gtk.css
@@ -0,0 +1,11420 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #292d3e;
+/* text widgets and the like base background color */
+@define-color theme_base_color #292d3e;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #292d3e;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #202331;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #292d3e;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #292d3e;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #292d3e;
+@define-color wm_unfocused_bg #292d3e;
+@define-color wm_button_close_icon #292d3e;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #292d3e;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #292d3e;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #292d3e;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #292d3e;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #292d3e;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #292d3e;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #292d3e;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #292d3e;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #e2e9e9 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #e2e9e9 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #f28b82;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #e2e9e9;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #eeffff;
+  background-color: #414868;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #16161e;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #202331;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #16161e;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #292d3e;
+}
+
+textview border {
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+.dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f28b82;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #fdd633;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #f28b82;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #fdd633;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #292d3e;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #eeffff;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(154, 165, 206, 0.9844);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(154, 165, 206, 0.7844);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f28b82;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.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;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar 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.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+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 {
+  color: #2196f3;
+}
+
+*:visited {
+  color: #ce93d8;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #2196f3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #ce93d8;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #292d3e;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+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(238, 255, 255, 0.12);
+  background-color: #202331;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar stackswitcher {
+  border: 2px solid #e2e9e9;
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: #292d3e;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.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 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.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: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 10px 15px;
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 15px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #292d3e;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+  background-color: #202331;
+  color: #b480d6;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(238, 255, 255, 0.3);
+  border-top-color: rgba(238, 255, 255, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(238, 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: #eeffff;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #292d3e;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #3a3f58;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 2px solid #e2e9e9;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #eeffff;
+  font: initial;
+  font-weight: 500;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #515772;
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-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),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #545c7e;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+  margin-top: 8px;
+  margin-bottom: -12px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #eeffff;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+  margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #3a3f58;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 2px solid #676e95;
+  box-shadow: none;
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #3a3f58;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #202331;
+  color: #b480d6;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: transparent;
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: transparent;
+}
+
+scrollbar.bottom {
+  border-bottom: transparent;
+}
+
+scrollbar.left {
+  border-bottom: transparent;
+}
+
+scrollbar.right {
+  border-bottom: transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 4px;
+  min-height: 4px;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 2px;
+  min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 2px;
+  min-height: 2px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+  background-color: transparent;
+  color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked slider {
+  background-color: #292d3e;
+  color: #292d3e;
+}
+
+/*************************
+ * 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;
+}
+
+.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;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -8px;
+  padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #e2e9e9;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+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:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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;
+}
+
+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(238, 255, 255, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+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')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #eeffff;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #e2e9e9;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+  border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #292d3e;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms 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(238, 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: #eeffff;
+}
+
+expander title > arrow:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #3a3f58;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #f28b82;
+}
+
+.csd filechooser {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #292d3e;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(238, 255, 255, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.12)),
+    image(rgba(238, 255, 255, 0.12));
+  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;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #292d3e;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #e2e9e9;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #292d3e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 14px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 16px transparent;
+  border: 2px solid #a6accd;
+  background-clip: border-box;
+  margin: 8px;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 16px transparent;
+  border: 2px solid #414863;
+  background-clip: border-box;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+  border-radius: 0;
+  border: none;
+}
+
+.popup decoration {
+  box-shadow: none;
+}
+
+.ssd decoration {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #a6accd;
+  border: none;
+  border-radius: 12px 12px 0 0;
+}
+
+.ssd decoration:backdrop {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #414863;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  border: 2px solid #676e95;
+  background-clip: border-box;
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.csd decoration {
+  border-radius: 12px;
+  border: none;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  border: 2px solid #e2e9e9;
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #292d3e;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover {
+  background-color: #a6accd;
+  color: #292d3e;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+  background-color: #c792ea;
+  color: #292d3e;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.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(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #3a3f58;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #e2e9e9;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#e2e9e9, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#e2e9e9, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #292d3e;
+  color: #e2e9e9;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #202331;
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #202331;
+  font-weight: 700;
+  border-left: 3px solid #f7768e;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #b480d6;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #202331;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #eeffff;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #b480d6;
+  background-color: #202331;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+  color: #b480d6;
+  background-color: #202331;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #202331;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #b480d6;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #e2e9e9;
+  color: #e2e9e9;
+}
+
+.disk-space-display.free {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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 {
+  margin: -6px 0 0 -6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > label {
+  margin: 0 8px;
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > box
+  > button {
+  border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+  padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+  margin-top: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box {
+  margin-bottom: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box.linked {
+  margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+  margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #202331;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #202331;
+}
+
+.gedit-document-panel row button.flat {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #3a3f58;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > 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;
+}
+
+/**********
+ * Tweaks *
+ **********/
+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,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > 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 list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > 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 list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > 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 list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #1b1e2b;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > 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
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+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
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#eeffff,
+.tweak-#eeffff,
+.tweak-#eeffff:hover {
+  background-image: image(#292d3e);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#292d3e);
+}
+
+.tweak-group-startup {
+  background-image: image(#292d3e);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > 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: #292d3e;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > 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 > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #292d3e;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > 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;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #292d3e;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#292d3e);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #e2e9e9;
+  background-color: #292d3e;
+}
+
+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(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #292d3e;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #202331;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #e2e9e9 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+docktab:checked {
+  transition: all 75ms 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 #e2e9e9;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+dockoverlayedge {
+  background-color: #292d3e;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+pillbox {
+  background-color: #292d3e;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #292d3e;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.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: #eeffff;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #292d3e;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(226, 233, 233, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #eeffff;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #eeffff;
+}
+
+button.photos-filter-preview:checked image {
+  color: #eeffff;
+}
+
+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;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#202331);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#e2e9e9);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #292d3e;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #292d3e;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  padding: 0 2px 3px 2px;
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+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: 12px;
+}
+
+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: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#202331);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #202331;
+  color: #eeffff;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  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: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #eeffff;
+  background-color: #292d3e;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #292d3e;
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * 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,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #292d3e;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified headerbar.selection-mode {
+  box-shadow: none;
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+  border: none;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #a6accd, 0 0 16px transparent;
+}
+
+window.background.csd.unified:backdrop,
+window.background.csd.unified > decoration:backdrop,
+window.background.csd.unified > decoration-overlay:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #414863, 0 0 16px transparent;
+}
+
+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;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+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(#3a3f58);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+window > notebook > stack {
+  margin: 0 3px 3px 3px;
+}
+
+window > notebook {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #292d3e;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #3a3f58;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #444a73;
+}
+
+window.background.chromium > button {
+  color: #e2e9e9;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #e2e9e9;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #444a73;
+  background-color: #292d3e;
+}
+
+window.background.chromium menu {
+  border-color: #565f89;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #292d3e;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #e2e9e9;
+  box-shadow: inset 0 0 0 1px #e2e9e9;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #202331;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #737aa2;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #828bb8;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(115, 122, 162, 0.5);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #eeffff;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #444a73;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #444a73;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #292d3e;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -2px;
+  border: 2px solid #e2e9e9;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #292d3e;
+}
+
+/*********
+ * 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: #e2e9e9;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #e2e9e9;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.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 {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 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: #e2e9e9;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+.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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #3a3f58;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #e2e9e9;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.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: #292d3e;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  background-image: none;
+  color: #eeffff;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #292d3e;
+  color: #eeffff;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+#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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #e2e9e9;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #3a3f58;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(238, 255, 255, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #eeffff;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(238, 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(238, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(238, 255, 255, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(238, 255, 255, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #202331;
+}
+
+.budgie-panel button {
+  color: rgba(238, 255, 255, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #f28b82;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #eeffff;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #eeffff;
+}
+
+.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:not(:checked) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+}
+
+.top frame.raven-frame > border {
+  margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+  margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+  margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+  margin-left: 32px;
+}
+
+.raven {
+  background-color: #3a3f58;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.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(238, 255, 255, 0.06);
+  color: #eeffff;
+}
+
+.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: #eeffff;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #202331;
+  color: #eeffff;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #f28b82;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #eeffff;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #292d3e;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+#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(238, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+  background-color: #292d3e;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover,
+.nemo-window .primary-toolbar button.text-button:active,
+.nemo-window .primary-toolbar button.text-button:checked {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+  border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #202331;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #676e95;
+  -nemoplacestreeview-disk-full-fg-color: #e2e9e9;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
diff --git a/Material/files/Material/config/Palenight-B-LB/gtk-3.0/thumbnail.png b/Material/files/Material/config/Palenight-B-LB/gtk-3.0/thumbnail.png
new file mode 100644
index 000000000..713427290
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/gtk-3.0/thumbnail.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/gtk-4.0/gtk-dark.css b/Material/files/Material/config/Palenight-B-LB/gtk-4.0/gtk-dark.css
new file mode 100644
index 000000000..522bd937f
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B-LB/gtk-4.0/gtk-dark.css
@@ -0,0 +1,6950 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #292d3e;
+/* text widgets and the like base background color */
+@define-color theme_base_color #292d3e;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #292d3e;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #202331;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #292d3e;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #292d3e;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #292d3e;
+@define-color wm_unfocused_bg #292d3e;
+@define-color wm_button_close_icon #292d3e;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #292d3e;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #292d3e;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #292d3e;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #292d3e;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #292d3e;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #292d3e;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #292d3e;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #292d3e;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+dnd {
+  color: #eeffff;
+}
+
+.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 {
+  color: #eeffff;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+textview text {
+  background-color: #292d3e;
+}
+
+textview border {
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #eeffff;
+  background-color: #292d3e;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+label.search-information {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(238, 255, 255, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #eeffff;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * 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 {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+  padding: 2px 12px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #fdd633;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #292d3e;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 0%,
+      rgba(226, 233, 233, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 95%,
+      rgba(226, 233, 233, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+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,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+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,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+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,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+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,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+button.osd:hover {
+  background-color: #444267;
+  color: #eeffff;
+}
+
+button.osd:active {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(240, 113, 120, 0.2),
+    0 4px 3px 0 rgba(240, 113, 120, 0.14), 0 1px 6px 0 rgba(240, 113, 120, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(240, 113, 120, 0.3),
+    0 2px 3px -1px rgba(240, 113, 120, 0.24),
+    0 2px 5px 0 rgba(240, 113, 120, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(240, 113, 120, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(240, 113, 120, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #e2e9e9;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #f78c6c;
+  box-shadow: inset 0 0 0 1px #f78c6c;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+menubutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+menubutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+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.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+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: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 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: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(238, 255, 255, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+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: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+splitbutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+splitbutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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;
+}
+
+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) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #89ddff;
+}
+
+link:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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: 9px;
+  padding-right: 9px;
+}
+
+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 popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #292d3e;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.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 {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #eeffff;
+}
+
+headerbar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #eeffff;
+  box-shadow: none;
+}
+
+headerbar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+  border: 2px solid #e2e9e9;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+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');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.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: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #292d3e
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(226, 233, 233, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #292d3e
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#292d3e);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #444267;
+  border-top-color: #444267;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #e2e9e9;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #292d3e;
+}
+
+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(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #eeffff;
+}
+
+menubar:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > item:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+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;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #3a3f58;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #eeffff;
+  border: 2px solid #676e95;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: 2px solid #676e95;
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #eeffff;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #515772;
+  color: #b480d6;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+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 label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(238, 255, 255, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #b480d6;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #3a3f58;
+  color: #b480d6;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+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;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #292d3e;
+  color: #eeffff;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#e2e9e9, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#f78c6c, 0.4);
+  background-color: alpha(#f78c6c, 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: #e2e9e9;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#e2e9e9, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #eeffff;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  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(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+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(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #292d3e;
+  color: #292d3e;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #eeffff;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #292d3e;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #e2e9e9;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #292d3e;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -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'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(238, 255, 255, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #202331 49.99%, #eeffff 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #eeffff;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #eeffff;
+  background-image: image(#202331);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #292d3e;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #eeffff;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  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(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #eeffff;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(238, 255, 255, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #e2e9e9;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #eeffff;
+}
+
+expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #3a3f58;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: 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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #3a3f58;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+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 {
+  color: inherit;
+}
+
+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 {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#444267);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #292d3e;
+  background-image: image(#444267), image(#444267);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #202331;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #eeffff;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #3a3f58;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #eeffff;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #3a3f58;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #292d3e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #a6accd, 0 0 16px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #414863, 0 0 16px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #292d3e;
+  border: 2px solid #e2e9e9;
+}
+
+window.solid-csd:backdrop {
+  background-color: #292d3e;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 50%;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) image {
+  background: none;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):hover,
+windowcontrols
+  button:not(.suggested-action):not(.destructive-action).close:backdrop:hover {
+  background-color: #a6accd;
+  color: #292d3e;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):active,
+windowcontrols
+  button:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+  background-color: #c792ea;
+  color: #292d3e;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #e2e9e9;
+  background-color: #364367;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #3a3f58;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #e2e9e9;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #292d3e;
+}
+
+.nautilus-window:backdrop {
+  background-color: #292d3e;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 0.8em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #202331;
+  font-weight: 700;
+  border-left: 3px solid #f7768e;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #b480d6;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #292d3e;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #202331;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #202331;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #b480d6;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #292d3e;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+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 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(238, 255, 255, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 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: #eb4b3d;
+  background-color: rgba(240, 113, 120, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #eeffff;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.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(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #292d3e;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #e2e9e9;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+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: #eeffff;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+  background-color: #292d3e;
+  color: rgba(238, 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: 34px;
+}
+
+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(238, 255, 255, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #e2e9e9;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+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;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #e2e9e9;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 119px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #e2e9e9;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+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;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+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: #eeffff;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #e2e9e9;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/config/Palenight-B-LB/gtk-4.0/gtk.css b/Material/files/Material/config/Palenight-B-LB/gtk-4.0/gtk.css
new file mode 100644
index 000000000..d670f2874
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B-LB/gtk-4.0/gtk.css
@@ -0,0 +1,6950 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #292d3e;
+/* text widgets and the like base background color */
+@define-color theme_base_color #292d3e;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #292d3e;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #202331;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #292d3e;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #292d3e;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #292d3e;
+@define-color wm_unfocused_bg #292d3e;
+@define-color wm_button_close_icon #292d3e;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #292d3e;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #292d3e;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #292d3e;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #292d3e;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #292d3e;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #292d3e;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #292d3e;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #292d3e;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+dnd {
+  color: #eeffff;
+}
+
+.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 {
+  color: #eeffff;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+textview text {
+  background-color: #292d3e;
+}
+
+textview border {
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #eeffff;
+  background-color: #292d3e;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+label.search-information {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(238, 255, 255, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #eeffff;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * 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 {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+  padding: 2px 12px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #fdd633;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #292d3e;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 0%,
+      rgba(226, 233, 233, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 95%,
+      rgba(226, 233, 233, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+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,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+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,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+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,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+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,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+button.osd:hover {
+  background-color: #444267;
+  color: #eeffff;
+}
+
+button.osd:active {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(240, 113, 120, 0.2),
+    0 4px 3px 0 rgba(240, 113, 120, 0.14), 0 1px 6px 0 rgba(240, 113, 120, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(240, 113, 120, 0.3),
+    0 2px 3px -1px rgba(240, 113, 120, 0.24),
+    0 2px 5px 0 rgba(240, 113, 120, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(240, 113, 120, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(240, 113, 120, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #e2e9e9;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #f78c6c;
+  box-shadow: inset 0 0 0 1px #f78c6c;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+menubutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+menubutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+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.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+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: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 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: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(238, 255, 255, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+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: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+splitbutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+splitbutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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;
+}
+
+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) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #89ddff;
+}
+
+link:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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: 9px;
+  padding-right: 9px;
+}
+
+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 popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #292d3e;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.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 {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #eeffff;
+}
+
+headerbar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #eeffff;
+  box-shadow: none;
+}
+
+headerbar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+  border: 2px solid #e2e9e9;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+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');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.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: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #292d3e
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(226, 233, 233, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #292d3e
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#292d3e);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #444267;
+  border-top-color: #444267;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #e2e9e9;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #292d3e;
+}
+
+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(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #eeffff;
+}
+
+menubar:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > item:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+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;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #3a3f58;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #eeffff;
+  border: 2px solid #676e95;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: 2px solid #676e95;
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #eeffff;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #515772;
+  color: #b480d6;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+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 label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(238, 255, 255, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #b480d6;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #3a3f58;
+  color: #b480d6;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+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;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #292d3e;
+  color: #eeffff;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#e2e9e9, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#f78c6c, 0.4);
+  background-color: alpha(#f78c6c, 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: #e2e9e9;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#e2e9e9, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #eeffff;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  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(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+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(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #292d3e;
+  color: #292d3e;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #eeffff;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #292d3e;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #e2e9e9;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #292d3e;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -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'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(238, 255, 255, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #202331 49.99%, #eeffff 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #eeffff;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #eeffff;
+  background-image: image(#202331);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #292d3e;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #eeffff;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  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(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #eeffff;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(238, 255, 255, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #e2e9e9;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #eeffff;
+}
+
+expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #3a3f58;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: 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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #3a3f58;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+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 {
+  color: inherit;
+}
+
+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 {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#444267);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #292d3e;
+  background-image: image(#444267), image(#444267);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #202331;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #eeffff;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #3a3f58;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #eeffff;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #3a3f58;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #292d3e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #a6accd, 0 0 16px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #414863, 0 0 16px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #292d3e;
+  border: 2px solid #e2e9e9;
+}
+
+window.solid-csd:backdrop {
+  background-color: #292d3e;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 50%;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) image {
+  background: none;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):hover,
+windowcontrols
+  button:not(.suggested-action):not(.destructive-action).close:backdrop:hover {
+  background-color: #a6accd;
+  color: #292d3e;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):active,
+windowcontrols
+  button:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+  background-color: #c792ea;
+  color: #292d3e;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #e2e9e9;
+  background-color: #364367;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #3a3f58;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #e2e9e9;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #292d3e;
+}
+
+.nautilus-window:backdrop {
+  background-color: #292d3e;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 0.8em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #202331;
+  font-weight: 700;
+  border-left: 3px solid #f7768e;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #b480d6;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #292d3e;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #202331;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #202331;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #b480d6;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #292d3e;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+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 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(238, 255, 255, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 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: #eb4b3d;
+  background-color: rgba(240, 113, 120, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #eeffff;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.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(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #292d3e;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #e2e9e9;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+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: #eeffff;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+  background-color: #292d3e;
+  color: rgba(238, 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: 34px;
+}
+
+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(238, 255, 255, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #e2e9e9;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+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;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #3a3f58;
+  color: #b480d6;
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #e2e9e9;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 119px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #e2e9e9;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+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;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+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: #eeffff;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #e2e9e9;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/config/Palenight-B-LB/gtk-4.0/thumbnail.png b/Material/files/Material/config/Palenight-B-LB/gtk-4.0/thumbnail.png
new file mode 100644
index 000000000..713427290
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/gtk-4.0/thumbnail.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/button.svg b/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/button.svg
new file mode 100644
index 000000000..51c67bf46
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/button.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <circle cx="12" cy="12" r="12"/>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/close.svg b/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/close.svg
new file mode 100644
index 000000000..1fe080592
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/close.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="M17 8.41L15.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 12z"/>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/maximize.svg b/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/maximize.svg
new file mode 100644
index 000000000..02d76eb51
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/maximize.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/menu.svg b/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/menu.svg
new file mode 100644
index 000000000..ad8570add
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/menu.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <circle cx="12" cy="12" r="2"/>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/minimize.svg b/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/minimize.svg
new file mode 100644
index 000000000..dc1fa3f58
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/minimize.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m8 14h8v2h-8z"/>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/shade.svg b/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/shade.svg
new file mode 100644
index 000000000..29aeeae3e
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/shade.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m6 14 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z"/>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/unmaximize.svg b/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/unmaximize.svg
new file mode 100644
index 000000000..910603724
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/unmaximize.svg
@@ -0,0 +1,64 @@
+<?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="24"
+   height="24"
+   viewBox="0 0 24 24"
+   fill="#808080"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="unmaximize.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
+  <metadata
+     id="metadata10">
+    <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>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1368"
+     inkscape:window-height="711"
+     id="namedview6"
+     showgrid="true"
+     inkscape:zoom="1.8487896"
+     inkscape:cx="-63.850129"
+     inkscape:cy="24.233787"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid835" />
+  </sodipodi:namedview>
+  <path
+     d="m 8,8 v 8 h 8 V 8 Z m 2,2 h 4 v 4 h -4 z"
+     id="path2"
+     style="stroke-width:1.33334"
+     sodipodi:nodetypes="cccccccccc" />
+  <path
+     id="path839"
+     style="stroke-width:1.33334"
+     d="M 10 6 L 10 7 L 17 7 L 17 14 L 18 14 L 18 6 L 10 6 z " />
+</svg>
diff --git a/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/unshade.svg b/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/unshade.svg
new file mode 100644
index 000000000..fa98887f7
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B-LB/metacity-1/assets/unshade.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m18 10-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z"/>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B-LB/metacity-1/metacity-theme-1.xml b/Material/files/Material/config/Palenight-B-LB/metacity-1/metacity-theme-1.xml
new file mode 120000
index 000000000..e01e16112
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B-LB/metacity-1/metacity-theme-1.xml
@@ -0,0 +1 @@
+metacity-theme-2.xml
\ No newline at end of file
diff --git a/Material/files/Material/config/Palenight-B-LB/metacity-1/metacity-theme-2.xml b/Material/files/Material/config/Palenight-B-LB/metacity-1/metacity-theme-2.xml
new file mode 100644
index 000000000..7e7a215c2
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B-LB/metacity-1/metacity-theme-2.xml
@@ -0,0 +1,621 @@
+<?xml version="1.0"?>
+<metacity_theme>
+<info>
+  <name>Orchis</name>
+  <author>vinceliucie</author>
+  <copyright>GPL</copyright>
+  <date>2020</date>
+  <description>Orchis Metacity theme</description>
+</info>
+
+<!-- meaningful constants -->
+
+<constant name="C_titlebar_focused" value="#2d2d2d"/>
+<constant name="C_titlebar_unfocused" value="#242424"/>
+<constant name="C_highlight_focused" value="blend/#2d2d2d/#ffffff/0.1"/>
+<constant name="C_highlight_unfocused" value="blend/#242424/#ffffff/0.1"/>
+<constant name="C_title_focused" value="blend/#2d2d2d/#ffffff/0.87"/>
+<constant name="C_title_unfocused" value="blend/#242424/#ffffff/0.6"/>
+
+<!-- geometries -->
+
+<frame_geometry name="normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4">
+  <distance name="left_width" value="2"/>
+  <distance name="right_width" value="2"/>
+  <distance name="bottom_height" value="2"/>
+  <distance name="left_titlebar_edge" value="0"/>
+  <distance name="right_titlebar_edge" value="0"/>
+  <distance name="title_vertical_pad" value="13"/>
+  <border name="title_border" left="10" right="10" top="0" bottom="0"/>
+  <border name="button_border" left="0" right="0" top="0" bottom="0"/>
+  <aspect_ratio name="button" value="1"/>
+</frame_geometry>
+
+<frame_geometry name="max" rounded_top_left="false" rounded_top_right="false" parent="normal">
+  <distance name="left_width" value="0"/>
+  <distance name="right_width" value="0"/>
+  <distance name="bottom_height" value="0"/>
+</frame_geometry>
+
+<frame_geometry name="tiled_left" parent="max">
+  <distance name="right_width" value="0"/>
+</frame_geometry>
+
+<frame_geometry name="tiled_right" parent="max">
+  <distance name="left_width" value="0"/>
+</frame_geometry>
+
+<frame_geometry name="nobuttons" hide_buttons="true" parent="normal">
+</frame_geometry>
+
+<frame_geometry name="modal" parent="normal">
+</frame_geometry>
+
+<frame_geometry name="small" title_scale="small" parent="normal">
+  <distance name="title_vertical_pad" value="8"/>
+</frame_geometry>
+
+<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
+  <distance name="left_width" value="2"/>
+  <distance name="right_width" value="2"/>
+  <distance name="bottom_height" value="2"/>
+  <distance name="title_vertical_pad" value="2"/>
+  <border name="title_border" left="10" right="10" top="0" bottom="0"/>
+  <border name="button_border" left="0" right="0" top="0" bottom="0"/>
+</frame_geometry>
+
+<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
+  <distance name="left_width" value="0"/>
+  <distance name="right_width" value="0"/>
+  <distance name="bottom_height" value="0"/>
+  <distance name="title_vertical_pad" value="0"/>
+  <border name="button_border" left="0" right="0" top="0" bottom="0"/>
+  <border name="title_border" left="0" right="0" top="0" bottom="0"/>
+</frame_geometry>
+
+<frame_geometry name="attached" hide_buttons="true" rounded_bottom_left="4" rounded_bottom_right="4" parent="normal">
+  <distance name="title_vertical_pad" value="4"/>
+</frame_geometry>
+
+<!-- drawing operations -->
+
+<!-- title -->
+
+<draw_ops name="title_focused">
+  <title
+    x="(0 `max` ((width - title_width) / 2))"
+    y="(0 `max` ((height - title_height) / 2))"
+    color="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="title_unfocused">
+  <title
+    x="(0 `max` ((width - title_width) / 2))"
+    y="(0 `max` ((height - title_height) / 2))"
+    color="C_title_unfocused"/>
+</draw_ops>
+
+<!-- window decorations -->
+
+<draw_ops name="entire_background_focused">
+  <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true"/>
+</draw_ops>
+
+<draw_ops name="entire_background_unfocused">
+  <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true"/>
+</draw_ops>
+
+<draw_ops name="highlight_focused">
+  <line color="C_highlight_focused" x1="4" y1="0" x2="width - 5" y2="0"/>
+  <arc color="C_highlight_focused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/>
+  <arc color="C_highlight_focused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/>
+</draw_ops>
+
+<draw_ops name="highlight_unfocused">
+  <line color="C_highlight_unfocused" x1="4" y1="0" x2="width - 5" y2="0"/>
+  <arc color="C_highlight_unfocused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/>
+  <arc color="C_highlight_unfocused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/>
+</draw_ops>
+
+<draw_ops name="titlebar_focused">
+  <include name="entire_background_focused"/>
+  <include name="highlight_focused"/>
+</draw_ops>
+
+<draw_ops name="titlebar_unfocused">
+  <include name="entire_background_unfocused"/>
+  <include name="highlight_unfocused"/>
+</draw_ops>
+
+<!-- button icons -->
+
+<!-- close -->
+
+<draw_ops name="close_focused">
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="close_focused_prelight">
+  <include name="close_focused"/>
+</draw_ops>
+
+<draw_ops name="close_focused_pressed">
+  <include name="close_focused"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused">
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused_prelight">
+  <include name="close_unfocused"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused_pressed">
+  <include name="close_unfocused"/>
+</draw_ops>
+
+<!-- maximize -->
+
+<draw_ops name="maximize_focused">
+  <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="maximize_focused_prelight">
+  <include name="maximize_focused"/>
+</draw_ops>
+
+<draw_ops name="maximize_focused_pressed">
+  <include name="maximize_focused"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused">
+  <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused_prelight">
+  <include name="maximize_unfocused"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused_pressed">
+  <include name="maximize_unfocused"/>
+</draw_ops>
+
+<!-- unmaximize -->
+
+<draw_ops name="unmaximize_focused">
+  <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_focused_prelight">
+  <include name="unmaximize_focused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_focused_pressed">
+  <include name="unmaximize_focused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused">
+  <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused_prelight">
+  <include name="unmaximize_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused_pressed">
+  <include name="unmaximize_unfocused"/>
+</draw_ops>
+
+<!-- minimize -->
+
+<draw_ops name="minimize_focused">
+  <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="minimize_focused_prelight">
+  <include name="minimize_focused"/>
+</draw_ops>
+
+<draw_ops name="minimize_focused_pressed">
+  <include name="minimize_focused"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused">
+  <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused_prelight">
+  <include name="minimize_unfocused"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused_pressed">
+  <include name="minimize_unfocused"/>
+</draw_ops>
+
+<!-- menu -->
+
+<draw_ops name="menu_focused">
+  <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_focused_prelight">
+  <include name="menu_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_focused_pressed">
+  <include name="menu_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused">
+  <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused_prelight">
+  <include name="menu_unfocused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused_pressed">
+  <include name="menu_unfocused"/>
+</draw_ops>
+
+<!-- shade -->
+
+<draw_ops name="shade_focused">
+  <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_focused_prelight">
+  <include name="shade_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_focused_pressed">
+  <include name="shade_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused">
+  <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused_prelight">
+  <include name="shade_unfocused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused_pressed">
+  <include name="shade_unfocused"/>
+</draw_ops>
+
+<!-- unshade -->
+
+<draw_ops name="unshade_focused">
+  <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_focused_prelight">
+  <include name="unshade_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_focused_pressed">
+  <include name="unshade_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused">
+  <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused_prelight">
+  <include name="unshade_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused_pressed">
+  <include name="unshade_unfocused"/>
+</draw_ops>
+
+<!-- appmenu -->
+
+<constant name="D_appmenu_icon_size" value="16"/>
+
+<draw_ops name="appmenu_focused">
+  <icon
+    x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+    width="D_appmenu_icon_size" height="D_appmenu_icon_size"/>
+</draw_ops>
+
+<draw_ops name="appmenu_focused_prelight">
+  <include name="appmenu_focused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_focused_pressed">
+  <include name="appmenu_focused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused">
+  <icon
+    x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+    width="D_appmenu_icon_size" height="D_appmenu_icon_size"
+    alpha="0.7"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused_prelight">
+  <include name="appmenu_unfocused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused_pressed">
+  <include name="appmenu_unfocused"/>
+</draw_ops>
+
+<!-- button backgrounds -->
+
+<draw_ops name="button_focused">
+</draw_ops>
+
+<draw_ops name="button_focused_prelight">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="button_focused_pressed">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="button_unfocused">
+</draw_ops>
+
+<draw_ops name="button_unfocused_prelight">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="button_unfocused_pressed">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<!-- frame styles -->
+
+<frame_style name="normal_focused" geometry="normal">
+  <piece position="entire_background" draw_ops="entire_background_focused"/>
+  <piece position="titlebar" draw_ops="titlebar_focused"/>
+  <piece position="title" draw_ops="title_focused"/>
+  <button function="close" state="normal" draw_ops="close_focused"/>
+  <button function="close" state="prelight" draw_ops="close_focused_prelight"/>
+  <button function="close" state="pressed" draw_ops="close_focused_pressed"/>
+  <button function="maximize" state="normal" draw_ops="maximize_focused"/>
+  <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/>
+  <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/>
+  <button function="minimize" state="normal" draw_ops="minimize_focused"/>
+  <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/>
+  <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/>
+  <button function="menu" state="normal" draw_ops="menu_focused"/>
+  <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/>
+  <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/>
+  <button function="shade" state="normal" draw_ops="shade_focused"/>
+  <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/>
+  <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/>
+  <button function="unshade" state="normal" draw_ops="unshade_focused"/>
+  <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/>
+  <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/>
+
+  <button function="left_middle_background" state="normal" draw_ops="button_focused"/>
+  <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/>
+  <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/>
+  <button function="right_middle_background" state="normal" draw_ops="button_focused"/>
+  <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/>
+  <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/>
+
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<frame_style name="normal_unfocused" geometry="normal">
+  <piece position="entire_background" draw_ops="entire_background_unfocused"/>
+  <piece position="titlebar" draw_ops="titlebar_unfocused"/>
+  <piece position="title" draw_ops="title_unfocused"/>
+  <button function="close" state="normal" draw_ops="close_unfocused"/>
+  <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/>
+  <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/>
+  <button function="maximize" state="normal" draw_ops="maximize_unfocused"/>
+  <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/>
+  <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/>
+  <button function="minimize" state="normal" draw_ops="minimize_unfocused"/>
+  <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/>
+  <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/>
+  <button function="menu" state="normal" draw_ops="menu_unfocused"/>
+  <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/>
+  <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/>
+  <button function="shade" state="normal" draw_ops="shade_unfocused"/>
+  <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/>
+  <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/>
+  <button function="unshade" state="normal" draw_ops="unshade_unfocused"/>
+  <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/>
+  <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/>
+
+  <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/>
+  <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/>
+  <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/>
+  <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/>
+  <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/>
+  <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/>
+
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<frame_style name="normal_max_focused" geometry="max" parent="normal_focused">
+  <piece position="titlebar" draw_ops="entire_background_focused"/>
+  <button function="maximize" state="normal" draw_ops="unmaximize_focused"/>
+  <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/>
+  <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/>
+</frame_style>
+
+<frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused">
+  <piece position="titlebar" draw_ops="entire_background_unfocused"/>
+  <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/>
+  <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/>
+  <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/>
+</frame_style>
+
+<frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused">
+  <piece position="titlebar" draw_ops="entire_background_focused"/>
+</frame_style>
+
+<frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused">
+  <piece position="titlebar" draw_ops="entire_background_unfocused"/>
+</frame_style>
+
+<frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused">
+  <piece position="titlebar" draw_ops="entire_background_focused"/>
+</frame_style>
+
+<frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused">
+  <piece position="titlebar" draw_ops="entire_background_unfocused"/>
+</frame_style>
+
+<frame_style name="dialog_focused" geometry="nobuttons" parent="normal_focused">
+</frame_style>
+
+<frame_style name="dialog_unfocused" geometry="nobuttons" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused">
+</frame_style>
+
+<frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="utility_focused" geometry="small" parent="normal_focused">
+</frame_style>
+
+<frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="border_focused" geometry="border" parent="normal_focused">
+</frame_style>
+
+<frame_style name="border_unfocused" geometry="border" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="borderless_focused" geometry="borderless" parent="normal_focused">
+</frame_style>
+
+<frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused">
+</frame_style>
+
+<frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused">
+</frame_style>
+
+<!-- placeholder for unimplementated styles-->
+
+<frame_style name="blank" geometry="normal">
+  <button function="close" state="normal"><draw_ops></draw_ops></button>
+  <button function="close" state="pressed"><draw_ops></draw_ops></button>
+  <button function="maximize" state="normal"><draw_ops></draw_ops></button>
+  <button function="maximize" state="pressed"><draw_ops></draw_ops></button>
+  <button function="minimize" state="normal"><draw_ops></draw_ops></button>
+  <button function="minimize" state="pressed"><draw_ops></draw_ops></button>
+  <button function="menu" state="normal"><draw_ops></draw_ops></button>
+  <button function="menu" state="pressed"><draw_ops></draw_ops></button>
+  <button function="shade" state="normal"><draw_ops></draw_ops></button>
+  <button function="shade" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unshade" state="normal"><draw_ops></draw_ops></button>
+  <button function="unshade" state="pressed"><draw_ops></draw_ops></button>
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<!-- frame style sets -->
+
+<frame_style_set name="normal_style_set">
+  <frame focus="yes" state="normal" resize="both" style="normal_focused"/>
+  <frame focus="no" state="normal" resize="both" style="normal_unfocused"/>
+  <frame focus="yes" state="maximized" style="normal_max_focused"/>
+  <frame focus="no" state="maximized" style="normal_max_unfocused"/>
+  <frame focus="yes" state="shaded" style="normal_focused"/>
+  <frame focus="no" state="shaded" style="normal_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/>
+  <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/>
+</frame_style_set>
+
+<frame_style_set name="dialog_style_set">
+  <frame focus="yes" state="normal" resize="both" style="dialog_focused"/>
+  <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="dialog_focused"/>
+  <frame focus="no" state="shaded" style="dialog_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="modal_dialog_style_set">
+  <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/>
+  <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="modal_dialog_focused"/>
+  <frame focus="no" state="shaded" style="modal_dialog_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="utility_style_set">
+  <frame focus="yes" state="normal" resize="both" style="utility_focused"/>
+  <frame focus="no" state="normal" resize="both" style="utility_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="utility_focused"/>
+  <frame focus="no" state="shaded" style="utility_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="border_style_set">
+  <frame focus="yes" state="normal" resize="both" style="border_focused"/>
+  <frame focus="no" state="normal" resize="both" style="border_unfocused"/>
+  <frame focus="yes" state="maximized" style="borderless_focused"/>
+  <frame focus="no" state="maximized" style="borderless_unfocused"/>
+  <frame focus="yes" state="shaded" style="blank"/>
+  <frame focus="no" state="shaded" style="blank"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="attached_style_set">
+  <frame focus="yes" state="normal" resize="both" style="attached_focused"/>
+  <frame focus="no" state="normal" resize="both" style="attached_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="blank"/>
+  <frame focus="no" state="shaded" style="blank"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<!-- windows -->
+
+<window type="normal" style_set="normal_style_set"/>
+<window type="dialog" style_set="dialog_style_set"/>
+<window type="modal_dialog" style_set="modal_dialog_style_set"/>
+<window type="menu" style_set="utility_style_set"/>
+<window type="utility" style_set="utility_style_set"/>
+<window type="border" style_set="border_style_set"/>
+
+</metacity_theme>
diff --git a/Material/files/Material/config/Palenight-B-LB/metacity-1/metacity-theme-3.xml b/Material/files/Material/config/Palenight-B-LB/metacity-1/metacity-theme-3.xml
new file mode 100644
index 000000000..d7b32c738
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B-LB/metacity-1/metacity-theme-3.xml
@@ -0,0 +1,655 @@
+<?xml version="1.0"?>
+<metacity_theme>
+<info>
+  <name>Orchis</name>
+  <author>vinceliucie</author>
+  <copyright>GPL</copyright>
+  <date>2021</date>
+  <description>Graphite Metacity theme</description>
+</info>
+
+<!-- meaningful constants -->
+
+<constant name="C_titlebar_focused" value="gtk:custom(wm_bg,gtk:bg[NORMAL])"/>
+<constant name="C_titlebar_unfocused" value="gtk:custom(wm_unfocused_bg,gtk:bg[NORMAL])"/>
+<constant name="C_highlight_focused" value="gtk:custom(wm_highlight,gtk:base[NORMAL])"/>
+<constant name="C_highlight_unfocused" value="gtk:custom(wm_highlight,gtk:base[NORMAL])"/>
+<constant name="C_title_focused" value="gtk:custom(wm_title,gtk:fg[NORMAL])"/>
+<constant name="C_title_unfocused" value="gtk:custom(wm_unfocused_title,gtk:fg[INSENSITIVE])"/>
+<constant name="C_button_close_icon" value="gtk:custom(wm_button_close_icon,gtk:base[NORMAL])" />
+<constant name="C_button_close_bg_hover" value="gtk:custom(wm_button_close_hover_bg,gtk:fg[INSENSITIVE])" />
+<constant name="C_button_close_bg_active" value="gtk:custom(wm_button_close_active_bg,gtk:fg[INSENSITIVE])" />
+
+<!-- geometries -->
+
+<frame_geometry name="normal" title_scale="medium" rounded_top_left="12" rounded_top_right="12">
+  <distance name="left_width" value="0"/>
+  <distance name="right_width" value="0"/>
+  <distance name="bottom_height" value="0"/>
+  <distance name="left_titlebar_edge" value="0"/>
+  <distance name="right_titlebar_edge" value="0"/>
+  <distance name="title_vertical_pad" value="18"/>
+  <border name="title_border" left="10" right="10" top="0" bottom="0"/>
+  <border name="button_border" left="0" right="0" top="0" bottom="0"/>
+  <aspect_ratio name="button" value="1"/>
+</frame_geometry>
+
+<frame_geometry name="max" rounded_top_left="false" rounded_top_right="false" parent="normal">
+  <distance name="left_width" value="0"/>
+  <distance name="right_width" value="0"/>
+  <distance name="bottom_height" value="0"/>
+</frame_geometry>
+
+<frame_geometry name="tiled_left" parent="max">
+  <distance name="right_width" value="0"/>
+</frame_geometry>
+
+<frame_geometry name="tiled_right" parent="max">
+  <distance name="left_width" value="0"/>
+</frame_geometry>
+
+<frame_geometry name="nobuttons" hide_buttons="true" parent="normal">
+</frame_geometry>
+
+<frame_geometry name="modal" parent="normal">
+</frame_geometry>
+
+<frame_geometry name="small" title_scale="small" parent="normal">
+  <distance name="title_vertical_pad" value="8"/>
+</frame_geometry>
+
+<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
+  <distance name="left_width" value="0"/>
+  <distance name="right_width" value="0"/>
+  <distance name="bottom_height" value="0"/>
+  <distance name="title_vertical_pad" value="0"/>
+  <border name="title_border" left="10" right="10" top="0" bottom="0"/>
+  <border name="button_border" left="0" right="0" top="0" bottom="0"/>
+</frame_geometry>
+
+<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
+  <distance name="left_width" value="0"/>
+  <distance name="right_width" value="0"/>
+  <distance name="bottom_height" value="0"/>
+  <distance name="title_vertical_pad" value="0"/>
+  <border name="button_border" left="0" right="0" top="0" bottom="0"/>
+  <border name="title_border" left="0" right="0" top="0" bottom="0"/>
+</frame_geometry>
+
+<frame_geometry name="attached" hide_buttons="true" rounded_bottom_left="8" rounded_bottom_right="8" parent="normal">
+  <distance name="title_vertical_pad" value="8"/>
+</frame_geometry>
+
+<!-- drawing operations -->
+
+<!-- title -->
+
+<draw_ops name="title_focused">
+  <title version="< 3.1"
+    x="(0 `max` ((width - title_width) / 2))"
+    y="(0 `max` ((height - title_height) / 2))"
+    color="C_title_focused"/>
+  <title version=">= 3.1"
+    x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))"
+    y="(0 `max` ((height - title_height) / 2))"
+    ellipsize_width="width"
+    color="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="title_unfocused">
+  <title version="< 3.1"
+    x="(0 `max` ((width - title_width) / 2))"
+    y="(0 `max` ((height - title_height) / 2))"
+    color="C_title_unfocused"/>
+  <title version=">= 3.1"
+    x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))"
+    y="(0 `max` ((height - title_height) / 2))"
+    ellipsize_width="width"
+    color="C_title_unfocused"/>
+</draw_ops>
+
+<!-- window decorations -->
+
+<draw_ops name="entire_background_focused">
+  <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true"/>
+</draw_ops>
+
+<draw_ops name="entire_background_unfocused">
+  <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true"/>
+</draw_ops>
+
+<draw_ops name="highlight_focused">
+  <line color="C_highlight_focused" x1="4" y1="0" x2="width - 5" y2="0"/>
+  <arc color="C_highlight_focused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/>
+  <arc color="C_highlight_focused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/>
+</draw_ops>
+
+<draw_ops name="highlight_unfocused">
+  <line color="C_highlight_unfocused" x1="4" y1="0" x2="width - 5" y2="0"/>
+  <arc color="C_highlight_unfocused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/>
+  <arc color="C_highlight_unfocused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/>
+</draw_ops>
+
+<draw_ops name="titlebar_focused">
+  <include name="entire_background_focused"/>
+  <include name="highlight_focused"/>
+</draw_ops>
+
+<draw_ops name="titlebar_unfocused">
+  <include name="entire_background_unfocused"/>
+  <include name="highlight_unfocused"/>
+</draw_ops>
+
+<!-- button icons -->
+
+<!-- close -->
+
+<draw_ops name="close_focused">
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="close_focused_prelight">
+  <image filename="assets/button.svg" colorize="C_button_close_bg_hover" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/>
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" colorize="C_titlebar_focused"/>
+</draw_ops>
+
+<draw_ops name="close_focused_pressed">
+  <image filename="assets/button.svg" colorize="C_button_close_bg_active" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/>
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" colorize="C_titlebar_focused"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused">
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused_prelight">
+  <image filename="assets/button.svg" alpha="0.7" colorize="C_button_close_bg_hover" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/>
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_titlebar_unfocused"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused_pressed">
+  <image filename="assets/button.svg" alpha="0.7" colorize="C_button_close_bg_active" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/>
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_titlebar_unfocused"/>
+</draw_ops>
+
+<!-- maximize -->
+
+<draw_ops name="maximize_focused">
+  <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="maximize_focused_prelight">
+  <include name="maximize_focused"/>
+</draw_ops>
+
+<draw_ops name="maximize_focused_pressed">
+  <include name="maximize_focused"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused">
+  <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused_prelight">
+  <include name="maximize_unfocused"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused_pressed">
+  <include name="maximize_unfocused"/>
+</draw_ops>
+
+<!-- unmaximize -->
+
+<draw_ops name="unmaximize_focused">
+  <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_focused_prelight">
+  <include name="unmaximize_focused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_focused_pressed">
+  <include name="unmaximize_focused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused">
+  <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused_prelight">
+  <include name="unmaximize_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused_pressed">
+  <include name="unmaximize_unfocused"/>
+</draw_ops>
+
+<!-- minimize -->
+
+<draw_ops name="minimize_focused">
+  <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="minimize_focused_prelight">
+  <include name="minimize_focused"/>
+</draw_ops>
+
+<draw_ops name="minimize_focused_pressed">
+  <include name="minimize_focused"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused">
+  <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused_prelight">
+  <include name="minimize_unfocused"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused_pressed">
+  <include name="minimize_unfocused"/>
+</draw_ops>
+
+<!-- menu -->
+
+<draw_ops name="menu_focused">
+  <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_focused_prelight">
+  <include name="menu_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_focused_pressed">
+  <include name="menu_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused">
+  <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused_prelight">
+  <include name="menu_unfocused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused_pressed">
+  <include name="menu_unfocused"/>
+</draw_ops>
+
+<!-- shade -->
+
+<draw_ops name="shade_focused">
+  <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_focused_prelight">
+  <include name="shade_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_focused_pressed">
+  <include name="shade_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused">
+  <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused_prelight">
+  <include name="shade_unfocused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused_pressed">
+  <include name="shade_unfocused"/>
+</draw_ops>
+
+<!-- unshade -->
+
+<draw_ops name="unshade_focused">
+  <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_focused_prelight">
+  <include name="unshade_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_focused_pressed">
+  <include name="unshade_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused">
+  <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused_prelight">
+  <include name="unshade_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused_pressed">
+  <include name="unshade_unfocused"/>
+</draw_ops>
+
+<!-- appmenu -->
+
+<constant name="D_appmenu_icon_size" value="16"/>
+
+<draw_ops name="appmenu_focused">
+  <icon
+    x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+    width="D_appmenu_icon_size" height="D_appmenu_icon_size"/>
+</draw_ops>
+
+<draw_ops name="appmenu_focused_prelight">
+  <include name="appmenu_focused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_focused_pressed">
+  <include name="appmenu_focused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused">
+  <icon
+    x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+    width="D_appmenu_icon_size" height="D_appmenu_icon_size"
+    alpha="0.7"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused_prelight">
+  <include name="appmenu_unfocused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused_pressed">
+  <include name="appmenu_unfocused"/>
+</draw_ops>
+
+<!-- button backgrounds -->
+
+<draw_ops name="button_focused">
+</draw_ops>
+
+<draw_ops name="button_focused_prelight">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="button_focused_pressed">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="button_unfocused">
+</draw_ops>
+
+<draw_ops name="button_unfocused_prelight">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="button_unfocused_pressed">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<!-- frame styles -->
+
+<frame_style name="normal_focused" geometry="normal">
+  <piece position="entire_background" draw_ops="entire_background_focused"/>
+  <piece position="titlebar" draw_ops="titlebar_focused"/>
+  <piece position="title" draw_ops="title_focused"/>
+  <button function="close" state="normal" draw_ops="close_focused"/>
+  <button function="close" state="prelight" draw_ops="close_focused_prelight"/>
+  <button function="close" state="pressed" draw_ops="close_focused_pressed"/>
+  <button function="maximize" state="normal" draw_ops="maximize_focused"/>
+  <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/>
+  <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/>
+  <button function="minimize" state="normal" draw_ops="minimize_focused"/>
+  <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/>
+  <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/>
+  <button function="menu" state="normal" draw_ops="menu_focused"/>
+  <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/>
+  <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/>
+  <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused"/>
+  <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight"/>
+  <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed"/>
+  <button function="shade" state="normal" draw_ops="shade_focused"/>
+  <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/>
+  <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/>
+  <button function="unshade" state="normal" draw_ops="unshade_focused"/>
+  <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/>
+  <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/>
+
+  <button function="left_middle_background" state="normal" draw_ops="button_focused"/>
+  <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/>
+  <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/>
+  <button function="right_middle_background" state="normal" draw_ops="button_focused"/>
+  <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/>
+  <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/>
+
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<frame_style name="normal_unfocused" geometry="normal">
+  <piece position="entire_background" draw_ops="entire_background_unfocused"/>
+  <piece position="titlebar" draw_ops="titlebar_unfocused"/>
+  <piece position="title" draw_ops="title_unfocused"/>
+  <button function="close" state="normal" draw_ops="close_unfocused"/>
+  <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/>
+  <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/>
+  <button function="maximize" state="normal" draw_ops="maximize_unfocused"/>
+  <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/>
+  <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/>
+  <button function="minimize" state="normal" draw_ops="minimize_unfocused"/>
+  <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/>
+  <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/>
+  <button function="menu" state="normal" draw_ops="menu_unfocused"/>
+  <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/>
+  <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/>
+  <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused"/>
+  <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_unfocused_prelight"/>
+  <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed"/>
+  <button function="shade" state="normal" draw_ops="shade_unfocused"/>
+  <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/>
+  <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/>
+  <button function="unshade" state="normal" draw_ops="unshade_unfocused"/>
+  <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/>
+  <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/>
+
+  <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/>
+  <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/>
+  <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/>
+  <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/>
+  <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/>
+  <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/>
+
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<frame_style name="normal_max_focused" geometry="max" parent="normal_focused">
+  <piece position="titlebar" draw_ops="entire_background_focused"/>
+  <button function="maximize" state="normal" draw_ops="unmaximize_focused"/>
+  <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/>
+  <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/>
+</frame_style>
+
+<frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused">
+  <piece position="titlebar" draw_ops="entire_background_unfocused"/>
+  <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/>
+  <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/>
+  <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/>
+</frame_style>
+
+<frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused">
+  <piece position="titlebar" draw_ops="entire_background_focused"/>
+</frame_style>
+
+<frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused">
+  <piece position="titlebar" draw_ops="entire_background_unfocused"/>
+</frame_style>
+
+<frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused">
+  <piece position="titlebar" draw_ops="entire_background_focused"/>
+</frame_style>
+
+<frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused">
+  <piece position="titlebar" draw_ops="entire_background_unfocused"/>
+</frame_style>
+
+<frame_style name="dialog_focused" geometry="modal" parent="normal_focused">
+</frame_style>
+
+<frame_style name="dialog_unfocused" geometry="modal" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused">
+</frame_style>
+
+<frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="utility_focused" geometry="small" parent="normal_focused">
+</frame_style>
+
+<frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="border_focused" geometry="border" parent="normal_focused">
+</frame_style>
+
+<frame_style name="border_unfocused" geometry="border" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="borderless_focused" geometry="borderless" parent="normal_focused">
+</frame_style>
+
+<frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused">
+</frame_style>
+
+<frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused">
+</frame_style>
+
+<!-- placeholder for unimplementated styles-->
+
+<frame_style name="blank" geometry="normal">
+  <button function="close" state="normal"><draw_ops></draw_ops></button>
+  <button function="close" state="pressed"><draw_ops></draw_ops></button>
+  <button function="maximize" state="normal"><draw_ops></draw_ops></button>
+  <button function="maximize" state="pressed"><draw_ops></draw_ops></button>
+  <button function="minimize" state="normal"><draw_ops></draw_ops></button>
+  <button function="minimize" state="pressed"><draw_ops></draw_ops></button>
+  <button function="menu" state="normal"><draw_ops></draw_ops></button>
+  <button function="menu" state="pressed"><draw_ops></draw_ops></button>
+  <button version=">= 3.5" function="appmenu" state="normal"><draw_ops></draw_ops></button>
+  <button version=">= 3.5" function="appmenu" state="pressed"><draw_ops></draw_ops></button>
+  <button function="shade" state="normal"><draw_ops></draw_ops></button>
+  <button function="shade" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unshade" state="normal"><draw_ops></draw_ops></button>
+  <button function="unshade" state="pressed"><draw_ops></draw_ops></button>
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<!-- frame style sets -->
+
+<frame_style_set name="normal_style_set">
+  <frame focus="yes" state="normal" resize="both" style="normal_focused"/>
+  <frame focus="no" state="normal" resize="both" style="normal_unfocused"/>
+  <frame focus="yes" state="maximized" style="normal_max_focused"/>
+  <frame focus="no" state="maximized" style="normal_max_unfocused"/>
+  <frame focus="yes" state="shaded" style="normal_focused"/>
+  <frame focus="no" state="shaded" style="normal_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/>
+  <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/>
+  <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused"/>
+  <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused"/>
+  <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused"/>
+  <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused"/>
+  <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused"/>
+  <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused"/>
+  <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused"/>
+  <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused"/>
+</frame_style_set>
+
+<frame_style_set name="dialog_style_set">
+  <frame focus="yes" state="normal" resize="both" style="dialog_focused"/>
+  <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="dialog_focused"/>
+  <frame focus="no" state="shaded" style="dialog_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="modal_dialog_style_set">
+  <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/>
+  <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="modal_dialog_focused"/>
+  <frame focus="no" state="shaded" style="modal_dialog_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="utility_style_set">
+  <frame focus="yes" state="normal" resize="both" style="utility_focused"/>
+  <frame focus="no" state="normal" resize="both" style="utility_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="utility_focused"/>
+  <frame focus="no" state="shaded" style="utility_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="border_style_set">
+  <frame focus="yes" state="normal" resize="both" style="border_focused"/>
+  <frame focus="no" state="normal" resize="both" style="border_unfocused"/>
+  <frame focus="yes" state="maximized" style="borderless_focused"/>
+  <frame focus="no" state="maximized" style="borderless_unfocused"/>
+  <frame focus="yes" state="shaded" style="blank"/>
+  <frame focus="no" state="shaded" style="blank"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="attached_style_set">
+  <frame focus="yes" state="normal" resize="both" style="attached_focused"/>
+  <frame focus="no" state="normal" resize="both" style="attached_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="blank"/>
+  <frame focus="no" state="shaded" style="blank"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<!-- windows -->
+
+<window type="normal" style_set="normal_style_set"/>
+<window type="dialog" style_set="dialog_style_set"/>
+<window type="modal_dialog" style_set="modal_dialog_style_set"/>
+<window type="menu" style_set="utility_style_set"/>
+<window type="utility" style_set="utility_style_set"/>
+<window type="border" style_set="border_style_set"/>
+<window version=">= 3.2" type="attached" style_set="attached_style_set"/>
+
+</metacity_theme>
diff --git a/Material/files/Material/config/Palenight-B-LB/metacity-1/thumbnail.png b/Material/files/Material/config/Palenight-B-LB/metacity-1/thumbnail.png
new file mode 100644
index 000000000..8f84edd6c
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/metacity-1/thumbnail.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/bottom-active.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/bottom-active.png
new file mode 100644
index 000000000..f406ee677
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/bottom-active.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/bottom-inactive.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/bottom-inactive.png
new file mode 100644
index 000000000..b24cdd40c
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/bottom-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/bottom-left-active.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/bottom-left-active.png
new file mode 100644
index 000000000..f5f991661
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/bottom-left-active.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/bottom-left-inactve.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/bottom-left-inactve.png
new file mode 100644
index 000000000..99e00c960
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/bottom-left-inactve.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/bottom-right-active.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/bottom-right-active.png
new file mode 100644
index 000000000..24e26f884
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/bottom-right-active.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/bottom-right-inactive.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/bottom-right-inactive.png
new file mode 100644
index 000000000..52cfdf5f2
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/bottom-right-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/close-active.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/close-active.png
new file mode 100644
index 000000000..f233ffa95
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/close-active.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/close-inactive.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/close-inactive.png
new file mode 100644
index 000000000..be122ab63
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/close-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/close-prelight.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/close-prelight.png
new file mode 100644
index 000000000..88de785ae
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/close-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/close-pressed.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/close-pressed.png
new file mode 100644
index 000000000..702ccd4b6
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/close-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/hide-active.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/hide-active.png
new file mode 100644
index 000000000..d80e8ed6b
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/hide-active.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/hide-inactive.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/hide-inactive.png
new file mode 100644
index 000000000..77f896540
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/hide-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/hide-prelight.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/hide-prelight.png
new file mode 100644
index 000000000..075b606a0
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/hide-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/hide-pressed.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/hide-pressed.png
new file mode 100644
index 000000000..d01fb5414
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/hide-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/left-active.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/left-active.png
new file mode 100644
index 000000000..f8961ab6c
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/left-active.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/left-inactive.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/left-inactive.png
new file mode 100644
index 000000000..f8997ddc3
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/left-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-active.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-active.png
new file mode 100644
index 000000000..11962ee57
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-active.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-inactive.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-inactive.png
new file mode 100644
index 000000000..578225a9b
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-prelight.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-prelight.png
new file mode 100644
index 000000000..7b31bbe5d
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-pressed.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-pressed.png
new file mode 100644
index 000000000..caae3f4b5
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-toggled-active.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-toggled-active.png
new file mode 100644
index 000000000..7ab02d913
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-toggled-active.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-toggled-inactive.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-toggled-inactive.png
new file mode 100644
index 000000000..d0c6d9d4a
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-toggled-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-toggled-prelight.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-toggled-prelight.png
new file mode 100644
index 000000000..f92b64e8a
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-toggled-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-toggled-pressed.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-toggled-pressed.png
new file mode 100644
index 000000000..0a3f30f35
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/maximize-toggled-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/menu-active.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/menu-active.png
new file mode 100644
index 000000000..33fe8a201
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/menu-active.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/menu-inactive.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/menu-inactive.png
new file mode 100644
index 000000000..45a3f6fd5
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/menu-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/menu-prelight.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/menu-prelight.png
new file mode 100644
index 000000000..9b40d483c
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/menu-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/menu-pressed.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/menu-pressed.png
new file mode 100644
index 000000000..09d4054be
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/menu-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/right-active.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/right-active.png
new file mode 100644
index 000000000..f8961ab6c
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/right-active.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/right-inactive.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/right-inactive.png
new file mode 100644
index 000000000..f8997ddc3
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/right-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-active.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-active.png
new file mode 100644
index 000000000..11f893f5d
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-active.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-inactive.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-inactive.png
new file mode 100644
index 000000000..3a02fc535
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-prelight.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-prelight.png
new file mode 100644
index 000000000..247b4dfc7
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-pressed.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-pressed.png
new file mode 100644
index 000000000..ee8e468b7
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-toggled-active.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-toggled-active.png
new file mode 100644
index 000000000..6190b967d
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-toggled-active.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-toggled-inactive.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-toggled-inactive.png
new file mode 100644
index 000000000..bada7f9c2
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-toggled-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-toggled-prelight.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-toggled-prelight.png
new file mode 100644
index 000000000..544dea687
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-toggled-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-toggled-pressed.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-toggled-pressed.png
new file mode 100644
index 000000000..d972d5d4c
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/shade-toggled-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-active.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-active.png
new file mode 100644
index 000000000..9a9af37ca
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-active.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-inactive.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-inactive.png
new file mode 100644
index 000000000..2ca89efb5
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-prelight.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-prelight.png
new file mode 100644
index 000000000..c71160b7a
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-pressed.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-pressed.png
new file mode 100644
index 000000000..749aa096e
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-toggled-active.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-toggled-active.png
new file mode 100644
index 000000000..7fc522d2b
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-toggled-active.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-toggled-inactive.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-toggled-inactive.png
new file mode 100644
index 000000000..e20969ed0
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-toggled-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-toggled-prelight.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-toggled-prelight.png
new file mode 100644
index 000000000..8ce52766f
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-toggled-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-toggled-pressed.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-toggled-pressed.png
new file mode 100644
index 000000000..ee6b0b5fa
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/stick-toggled-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/themerc b/Material/files/Material/config/Palenight-B-LB/xfwm4/themerc
new file mode 100644
index 000000000..8ed1a7793
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B-LB/xfwm4/themerc
@@ -0,0 +1,23 @@
+button_offset=10
+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/Material/files/Material/config/Palenight-B-LB/xfwm4/title-1-active.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/title-1-active.png
new file mode 100644
index 000000000..86d6d0217
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/title-1-active.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/title-1-inactive.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/title-1-inactive.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/title-1-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/title-2-active.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/title-2-active.png
new file mode 100644
index 000000000..86d6d0217
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/title-2-active.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/title-2-inactive.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/title-2-inactive.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/title-2-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/title-3-active.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/title-3-active.png
new file mode 100644
index 000000000..86d6d0217
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/title-3-active.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/title-3-inactive.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/title-3-inactive.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/title-3-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/title-4-active.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/title-4-active.png
new file mode 100644
index 000000000..86d6d0217
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/title-4-active.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/title-4-inactive.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/title-4-inactive.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/title-4-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/title-5-active.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/title-5-active.png
new file mode 100644
index 000000000..86d6d0217
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/title-5-active.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/title-5-inactive.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/title-5-inactive.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/title-5-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/top-left-active.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/top-left-active.png
new file mode 100644
index 000000000..282ddb30c
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/top-left-active.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/top-left-inactive.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/top-left-inactive.png
new file mode 100644
index 000000000..447efefad
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/top-left-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/top-right-active.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/top-right-active.png
new file mode 100644
index 000000000..647dd8660
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/top-right-active.png differ
diff --git a/Material/files/Material/config/Palenight-B-LB/xfwm4/top-right-inactive.png b/Material/files/Material/config/Palenight-B-LB/xfwm4/top-right-inactive.png
new file mode 100644
index 000000000..aa52d4a45
Binary files /dev/null and b/Material/files/Material/config/Palenight-B-LB/xfwm4/top-right-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B/cinnamon/cinnamon.css b/Material/files/Material/config/Palenight-B/cinnamon/cinnamon.css
new file mode 100644
index 000000000..255eda7f1
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/cinnamon/cinnamon.css
@@ -0,0 +1,2266 @@
+stage {
+  font-size: 9pt;
+  color: #eeffff;
+}
+
+.label-shadow {
+  color: rgba(0, 0, 0, 0);
+}
+
+.sound-button {
+  min-height: 24px;
+  padding: 5px 32px;
+  transition-duration: 100ms;
+  border-radius: 6px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.sound-button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.sound-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.sound-button:hover:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+  border-radius: 6px;
+}
+
+.sound-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+  border-radius: 6px;
+}
+
+.sound-button:insensitive {
+  color: rgba(238, 255, 255, 0.5);
+  background-color: rgba(238, 255, 255, 0.04);
+  border-radius: 6px;
+}
+
+.notification-button,
+.notification-icon-button,
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button,
+#notification .notification-button,
+#notification .notification-icon-button {
+  border-radius: 6px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: transparent;
+}
+
+.notification-button:hover,
+.notification-icon-button:hover,
+#notification .notification-button:hover,
+#notification .notification-icon-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.notification-button:active,
+.notification-icon-button:active,
+#notification .notification-button:active,
+#notification .notification-icon-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+  border-radius: 6px;
+}
+
+.notification-button:insensitive,
+.notification-icon-button:insensitive,
+#notification .notification-button:insensitive,
+#notification .notification-icon-button:insensitive {
+  color: rgba(238, 255, 255, 0.3);
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+  min-height: 24px;
+  padding: 6px 30px;
+  transition-duration: 100ms;
+  border-radius: 6px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.modal-dialog-button-box .modal-dialog-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.modal-dialog-button-box .modal-dialog-button:focus {
+  color: #e2e9e9;
+}
+
+.modal-dialog-button-box .modal-dialog-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.modal-dialog-button-box .modal-dialog-button:insensitive {
+  color: rgba(238, 255, 255, 0.3);
+  background-color: transparent;
+}
+
+#menu-search-entry,
+.notification StEntry,
+.menu #notification StEntry,
+.popup-menu #notification StEntry,
+#notification StEntry {
+  padding: 3px 12px;
+  min-height: 24px;
+  caret-size: 1px;
+  selection-background-color: #e2e9e9;
+  selected-color: rgba(0, 0, 0, 0.87);
+  transition-duration: 300ms;
+  border-radius: 9999px;
+  color: #eeffff;
+  border: 2px solid transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+#menu-search-entry:focus,
+.notification StEntry:focus,
+.menu #notification StEntry:focus,
+.popup-menu #notification StEntry:focus,
+#notification StEntry:focus,
+#menu-search-entry:hover,
+.notification StEntry:hover,
+.menu #notification StEntry:hover,
+.popup-menu #notification StEntry:hover,
+#notification StEntry:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid #e2e9e9;
+}
+
+#menu-search-entry:insensitive,
+.notification StEntry:insensitive,
+.menu #notification StEntry:insensitive,
+.popup-menu #notification StEntry:insensitive,
+#notification StEntry:insensitive {
+  border: 2px solid transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+#menu-search-entry StIcon.capslock-warning,
+.notification StEntry StIcon.capslock-warning,
+.menu #notification StEntry StIcon.capslock-warning,
+.popup-menu #notification StEntry StIcon.capslock-warning,
+#notification StEntry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #ffcc00;
+  padding: 0 6px;
+}
+
+StScrollView.vfade {
+  -st-vfade-offset: 0px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 0px;
+}
+
+StScrollBar {
+  padding: 8px;
+}
+
+StScrollView StScrollBar {
+  min-width: 5px;
+  min-height: 5px;
+}
+
+StScrollBar StBin#trough {
+  background-color: rgba(32, 35, 49, 0.1);
+  border-radius: 9999px;
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+  border-radius: 9999px;
+  background-color: gray;
+  border: 0px solid;
+  margin: 0px;
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+  background-color: #515772;
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+  background-color: #e2e9e9;
+}
+
+.separator {
+  -gradient-height: 1px;
+  -gradient-start: rgba(0, 0, 0, 0);
+  -gradient-end: rgba(0, 0, 0, 0);
+  -margin-horizontal: 1.5em;
+  height: 1em;
+}
+
+.popup-slider-menu-item,
+.slider {
+  -slider-height: 4px;
+  -slider-background-color: rgba(238, 255, 255, 0.12);
+  -slider-border-color: transparent;
+  -slider-active-background-color: #e2e9e9;
+  -slider-active-border-color: transparent;
+  -slider-border-width: 0;
+  -slider-handle-radius: 4px;
+  height: 18px;
+  min-width: 15em;
+  border: 0 solid transparent;
+  border-right-width: 1px;
+  border-left-width: 5px;
+  color: transparent;
+}
+
+.check-box CinnamonGenericContainer {
+  spacing: 0.2em;
+  min-height: 30px;
+  padding-top: 2px;
+}
+
+.check-box StLabel {
+  font-weight: normal;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+  background-image: url('assets/checkbox-off.svg');
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+  background-image: url('assets/checkbox-dark.svg');
+}
+
+.radiobutton CinnamonGenericContainer {
+  spacing: 0.2em;
+  min-height: 30px;
+  padding-top: 2px;
+}
+
+.radiobutton StLabel {
+  padding-top: 4px;
+  font-size: 0.9em;
+  box-shadow: none;
+}
+
+.radiobutton StBin {
+  width: 24px;
+  height: 24px;
+}
+
+.radiobutton StBin,
+.radiobutton:focus StBin {
+  background-image: url('assets/radiobutton-off.svg');
+}
+
+.radiobutton:checked StBin,
+.radiobutton:focus:checked StBin {
+  background-image: url('assets/radiobutton-dark.svg');
+}
+
+.toggle-switch {
+  width: 40px;
+  height: 20px;
+  background-size: contain;
+  background-image: url('assets/toggle-off.svg');
+}
+
+.toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.popup-menu-item:active .toggle-switch {
+  background-image: url('assets/toggle-off.svg');
+}
+
+.popup-menu-item:active .toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.cinnamon-link {
+  color: #89DDFF;
+  text-decoration: underline;
+}
+
+.cinnamon-link:hover {
+  color: #71C6E7;
+}
+
+#Tooltip {
+  border-radius: 9999px;
+  padding: 6px 12px;
+  background-color: rgba(27, 30, 43, 0.9);
+  color: #eeffff;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  font-size: 1em;
+  font-weight: normal;
+  text-align: center;
+}
+
+.menu,
+.popup-menu,
+.popup-combo-menu {
+  padding: 3px;
+  color: #eeffff;
+  background-color: rgba(32, 35, 49, 0.95);
+  border-radius: 12px;
+  margin: 6px;
+  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+  border: 2px solid #b480d6;
+}
+
+.menu-arrow,
+.popup-menu-arrow {
+  icon-size: 16px;
+}
+
+.menu .popup-sub-menu,
+.popup-menu .popup-sub-menu,
+.popup-combo-menu .popup-sub-menu {
+  border-radius: 6px;
+  background-gradient-direction: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-combo-menu .popup-sub-menu .popup-menu-item:active {
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu .popup-sub-menu StScrollBar,
+.popup-menu .popup-sub-menu StScrollBar,
+.popup-combo-menu .popup-sub-menu StScrollBar {
+  padding: 4px;
+}
+
+.menu .popup-sub-menu StScrollBar StBin#trough,
+.menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
+  border-width: 0;
+}
+
+.menu .popup-menu-content,
+.popup-menu .popup-menu-content,
+.popup-combo-menu .popup-menu-content {
+  padding: 3px;
+}
+
+.menu .popup-menu-item,
+.popup-menu .popup-menu-item,
+.popup-combo-menu .popup-menu-item {
+  padding: 6px 12px;
+  spacing: 12px;
+  border-radius: 6px;
+}
+
+.menu .popup-menu-item:hover,
+.menu .popup-menu-item:active,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item:active,
+.popup-combo-menu .popup-menu-item:hover,
+.popup-combo-menu .popup-menu-item:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.menu .popup-menu-item:insensitive,
+.popup-menu .popup-menu-item:insensitive,
+.popup-combo-menu .popup-menu-item:insensitive {
+  color: rgba(238, 255, 255, 0.5);
+  background: none;
+}
+
+.menu .popup-inactive-menu-item,
+.popup-menu .popup-inactive-menu-item,
+.popup-combo-menu .popup-inactive-menu-item {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.menu .popup-inactive-menu-item:insensitive,
+.popup-menu .popup-inactive-menu-item:insensitive,
+.popup-combo-menu .popup-inactive-menu-item:insensitive {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.menu-icon,
+.popup-menu-icon {
+  icon-size: 16px;
+}
+
+.popup-menu-boxpointer {
+  -arrow-border-radius: 6px;
+  -arrow-background-color: rgba(0, 0, 0, 0);
+  -arrow-border-width: 0;
+  -arrow-border-color: rgba(0, 0, 0, 0);
+  -arrow-base: 0;
+  -arrow-rise: 0;
+}
+
+.popup-combo-menu {
+  padding: 12px;
+}
+
+.popup-combobox-item {
+  spacing: 1em;
+}
+
+.popup-separator-menu-item {
+  -gradient-height: 0;
+  -gradient-start: transparent;
+  -gradient-end: transparent;
+  -margin-horizontal: 1.5em;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  border-bottom-style: solid;
+  background-color: transparent;
+}
+
+.popup-alternating-menu-item:alternate {
+  font-weight: normal;
+}
+
+.popup-device-menu-item {
+  spacing: 0.5em;
+}
+
+.popup-subtitle-menu-item {
+  font-weight: normal;
+}
+
+.nm-menu-item-icons {
+  spacing: 0.5em;
+}
+
+#panel {
+  font-weight: bold;
+  height: 36px;
+  width: 42px;
+}
+
+#panel:highlight {
+  border-image: none;
+  background-color: rgba(240, 113, 120, 0.5);
+}
+
+#panelLeft {
+  spacing: 4px;
+}
+
+#panelLeft:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(255, 0, 0, 0.05);
+  background-gradient-end: rgba(255, 0, 0, 0.2);
+}
+
+#panelLeft:ltr {
+  padding-right: 4px;
+}
+
+#panelLeft:rtl {
+  padding-left: 4px;
+}
+
+#panelLeft.vertical {
+  padding: 0;
+}
+
+#panelLeft.vertical:ltr {
+  padding-right: 0px;
+}
+
+#panelLeft.vertical:rtl {
+  padding-left: 0px;
+}
+
+#panelRight:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(0, 0, 255, 0.05);
+  background-gradient-end: rgba(0, 0, 255, 0.2);
+}
+
+#panelRight:ltr {
+  padding-left: 6px;
+  spacing: 0px;
+}
+
+#panelRight:rtl {
+  padding-right: 6px;
+  spacing: 0px;
+}
+
+#panelRight.vertical {
+  padding: 0;
+}
+
+#panelRight.vertical:ltr {
+  padding-right: 0px;
+}
+
+#panelRight.vertical:rtl {
+  padding-left: 0px;
+}
+
+#panelCenter {
+  spacing: 4px;
+}
+
+#panelCenter:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(0, 255, 0, 0.05);
+  background-gradient-end: rgba(0, 255, 0, 0.2);
+}
+
+.panel-top,
+.panel-bottom,
+.panel-left,
+.panel-right {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: 1em;
+  padding: 0px;
+  background-color: rgba(41, 45, 62, 0.95);
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
+}
+
+.panel-top .panel-button:hover,
+.panel-top .panel-status-button:hover,
+.panel-bottom .panel-button:hover,
+.panel-bottom .panel-status-button:hover,
+.panel-left .panel-button:hover,
+.panel-left .panel-status-button:hover,
+.panel-right .panel-button:hover,
+.panel-right .panel-status-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.panel-top .panel-button:active,
+.panel-top .panel-status-button:active,
+.panel-bottom .panel-button:active,
+.panel-bottom .panel-status-button:active,
+.panel-left .panel-button:active,
+.panel-left .panel-status-button:active,
+.panel-right .panel-button:active,
+.panel-right .panel-status-button:active {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.panel-dummy {
+  background-color: rgba(240, 113, 120, 0.5);
+}
+
+.panel-dummy:entered {
+  background-color: rgba(240, 113, 120, 0.6);
+}
+
+.panel-status-button {
+  border-width: 0;
+  -natural-hpadding: 3px;
+  -minimum-hpadding: 3px;
+  font-weight: bold;
+  height: 22px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.panel-button {
+  -natural-hpadding: 6px;
+  -minimum-hpadding: 2px;
+  font-weight: bold;
+  transition-duration: 100ms;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.system-status-icon {
+  icon-size: 16px;
+  padding: 0 1px;
+}
+
+#overview {
+  spacing: 12px;
+}
+
+.window-caption {
+  background-color: rgba(27, 30, 43, 0.9);
+  border: 1px solid rgba(27, 30, 43, 0.9);
+  color: #eeffff;
+  spacing: 25px;
+  border-radius: 6px;
+  font-size: 9pt;
+  padding: 5px 8px;
+  -cinnamon-caption-spacing: 4px;
+}
+
+#selected.window-caption {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border: 1px solid #e2e9e9;
+  spacing: 25px;
+}
+
+.expo-workspaces-name-entry,
+#selected.expo-workspaces-name-entry {
+  height: 15px;
+  border-radius: 6px;
+  font-size: 9pt;
+  padding: 5px 8px;
+  -cinnamon-caption-spacing: 4px;
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid transparent;
+}
+
+.expo-workspaces-name-entry:focus,
+#selected.expo-workspaces-name-entry:focus {
+  border: 1px solid #e2e9e9;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-style: italic;
+  transition-duration: 300;
+  selection-background-color: rgba(0, 0, 0, 0.87);
+  selected-color: #e2e9e9;
+}
+
+.expo-workspace-thumbnail-frame {
+  border: 4px solid rgba(238, 255, 255, 0);
+  background-color: rgba(238, 255, 255, 0);
+  border-radius: 6px;
+}
+
+#active.expo-workspace-thumbnail-frame {
+  border: 4px solid #e2e9e9;
+  background-color: black;
+  border-radius: 6px;
+}
+
+.expo-background {
+  background-color: #191919;
+}
+
+.workspace-thumbnails {
+  spacing: 26px;
+}
+
+.workspace-thumbnails-background,
+.workspace-thumbnails-background:rtl {
+  padding: 8px;
+}
+
+.workspace-add-button {
+  background-image: url('assets/add-workspace.svg');
+  height: 200px;
+  width: 35px;
+  transition-duration: 100;
+}
+
+.workspace-add-button:hover {
+  background-image: url('assets/add-workspace-hover.svg');
+  transition-duration: 100;
+}
+
+.workspace-add-button:active {
+  background-image: url('assets/add-workspace-active.svg');
+  transition-duration: 100;
+}
+
+.workspace-overview-background-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.workspace-close-button,
+.window-close {
+  background-image: url('assets/close.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+  -cinnamon-close-overlap: 13px;
+}
+
+.workspace-close-button:hover,
+.window-close:hover {
+  background-image: url('assets/close-hover.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+}
+
+.workspace-close-button:active,
+.window-close:active {
+  background-image: url('assets/close-active.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+}
+
+.workspace-thumbnail-indicator {
+  outline: 2px solid red;
+  border: 1px solid green;
+}
+
+.window-close:rtl {
+  -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
+}
+
+.window-close-area {
+  background-image: url('assets/trash-icon.svg');
+  height: 120px;
+  width: 400px;
+}
+
+.about-content {
+  width: 550px;
+  height: 250px;
+  spacing: 8px;
+  padding-bottom: 10px;
+}
+
+.about-title {
+  font-size: 2em;
+  font-weight: bold;
+}
+
+.about-uuid {
+  font-size: 10px;
+  color: #717cb4;
+}
+
+.about-icon {
+  padding-right: 20px;
+  padding-bottom: 14px;
+}
+
+.about-scrollBox {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+  background-color: #292d3e;
+  padding: 4px;
+  padding-right: 0;
+  border-radius: 0;
+}
+
+.about-scrollBox-innerBox {
+  padding: 1.2em;
+  spacing: 1.2em;
+}
+
+.about-description {
+  padding-top: 4px;
+  padding-bottom: 16px;
+}
+
+.about-version {
+  padding-left: 7px;
+  font-size: 10px;
+  color: #717cb4;
+}
+
+.calendar {
+  padding: 0.4em 1.75em;
+  spacing-rows: 0px;
+  spacing-columns: 0px;
+}
+
+.calendar-month-label {
+  color: #eeffff;
+  font-weight: bold;
+  margin: 0 2px;
+  padding: 2px;
+}
+
+.calendar-change-month-back,
+.calendar-change-month-forward {
+  width: 24px;
+  height: 24px;
+  margin: 0;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+.calendar-change-month-back:focus,
+.calendar-change-month-back:hover,
+.calendar-change-month-forward:focus,
+.calendar-change-month-forward:hover {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.calendar-change-month-back:active,
+.calendar-change-month-forward:active {
+  background-color: rgba(238, 255, 255, 0.25);
+}
+
+.calendar-change-month-back {
+  background-image: url('assets/calendar-arrow-left.svg');
+}
+
+.calendar-change-month-back:rtl {
+  background-image: url('assets/calendar-arrow-right.svg');
+}
+
+.calendar-change-month-forward {
+  background-image: url('assets/calendar-arrow-right.svg');
+}
+
+.calendar-change-month-forward:rtl {
+  background-image: url('assets/calendar-arrow-left.svg');
+}
+
+.datemenu-date-label {
+  padding: 0.4em 1.75em;
+  font-weight: normal;
+  text-align: center;
+  font-size: 14px;
+  color: #eeffff;
+  border-radius: 6px;
+}
+
+.calendar-day-base {
+  text-align: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  margin: 2px;
+  border-radius: 9999px;
+}
+
+.calendar-day-heading {
+  color: rgba(238, 255, 255, 0.7);
+  margin-top: 1em;
+}
+
+.calendar-day {
+  border-width: 0;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.calendar-day-top {
+  border-top-width: 0;
+}
+
+.calendar-day-left {
+  border-left-width: 0;
+}
+
+.calendar-nonwork-day {
+  color: #eeffff;
+  background-color: transparent;
+  font-weight: bold;
+}
+
+.calendar-today,
+.calendar-today:active,
+.calendar-today:focus,
+.calendar-today:hover {
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  border-width: 0;
+}
+
+.calendar-other-month-day {
+  color: rgba(238, 255, 255, 0.7);
+  opacity: 1;
+}
+
+.calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
+  color: rgba(238, 255, 255, 0.3);
+  font-weight: bold;
+  background-color: rgba(238, 255, 255, 0.04);
+  border-radius: 9999px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
+}
+
+#notification {
+  border-radius: 12px;
+  padding: 12px;
+  spacing-rows: 9px;
+  spacing-columns: 9px;
+  margin-from-right-edge-of-screen: 18px;
+  width: 28em;
+  color: #eeffff;
+  background-color: rgba(32, 35, 49, 0.8);
+  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+  margin: 7px 12px 17px 12px;
+}
+
+#notification .notification-button,
+#notification .notification-icon-button {
+  padding: 6px;
+}
+
+.menu #notification,
+.popup-menu #notification {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.05);
+  box-shadow: none;
+  margin: 0;
+}
+
+.menu #notification:hover,
+.popup-menu #notification:hover {
+  background-color: rgba(238, 255, 255, 0.1);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+}
+
+.menu #notification,
+.menu #notification.multi-line-notification,
+.popup-menu #notification,
+.popup-menu #notification.multi-line-notification {
+  color: #eeffff;
+}
+
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button {
+  padding: 6px;
+}
+
+#notification.multi-line-notification {
+  padding-bottom: 12px;
+  color: #eeffff;
+}
+
+#notification-scrollview {
+  max-height: 10em;
+}
+
+#notification-scrollview > .top-shadow,
+#notification-scrollview > .bottom-shadow {
+  height: 1em;
+}
+
+#notification-scrollview:ltr > StScrollBar {
+  padding-left: 6px;
+}
+
+#notification-scrollview:rtl > StScrollBar {
+  padding-right: 6px;
+}
+
+#notification-body {
+  spacing: 6px;
+}
+
+#notification-actions {
+  spacing: 9px;
+}
+
+.notification-with-image {
+  min-height: 159px;
+  color: #eeffff;
+}
+
+.notification-button,
+.notification-icon-button {
+  padding: 6px;
+}
+
+.notification-icon-button > StIcon {
+  icon-size: 36px;
+}
+
+#altTabPopup {
+  padding: 8px;
+  spacing: 16px;
+}
+
+.switcher-list {
+  color: #eeffff;
+  background-color: rgba(32, 35, 49, 0.95);
+  border: none;
+  border-radius: 6px;
+  padding: 20px;
+}
+
+.switcher-list > StBoxLayout {
+  padding: 4px;
+}
+
+.switcher-list-item-container {
+  spacing: 8px;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 6px;
+}
+
+.switcher-list .item-box:outlined {
+  padding: 8px;
+  border: 1px solid #e2e9e9;
+}
+
+.switcher-list .item-box:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  border: 0px solid #e2e9e9;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 4px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(238, 255, 255, 0.2);
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: #eeffff;
+}
+
+.switcher-arrow:highlighted {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.thumbnail-scroll-gradient-left {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 24px;
+  border-radius-topright: 0px;
+  border-radius-bottomright: 0px;
+  width: 60px;
+}
+
+.thumbnail-scroll-gradient-right {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 24px;
+  border-radius-topleft: 0px;
+  border-radius-bottomleft: 0px;
+  width: 60px;
+}
+
+.ripple-box {
+  width: 104px;
+  height: 104px;
+  background-image: url('assets/corner-ripple.svg');
+  background-size: contain;
+}
+
+.lightbox {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.flashspot {
+  background-color: #eeffff;
+}
+
+.modal-dialog {
+  color: #eeffff;
+  background-color: rgba(18, 18, 18, 0.95);
+  border: 1px solid rgba(0, 0, 0, 0.65);
+  padding: 0 5px 6px 5px;
+  border-radius: 6px;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
+}
+
+.modal-dialog > StBoxLayout:first-child {
+  padding: 20px 10px 10px 10px;
+}
+
+.modal-dialog-button-box {
+  spacing: 0;
+  margin: 0;
+  padding: 14px 10px;
+  background-color: transparent;
+  border: none;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+  padding-top: 0;
+  padding-bottom: 0;
+  height: 30px;
+}
+
+.run-dialog {
+  padding: 6px 12px;
+  background-color: rgba(27, 30, 43, 0.9);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+.run-dialog > * {
+  padding: 0;
+}
+
+.run-dialog-label {
+  font-size: 0;
+  font-weight: bold;
+  color: #eeffff;
+  padding-bottom: 0;
+}
+
+.run-dialog-error-label {
+  color: #f07178;
+}
+
+.run-dialog-error-box {
+  padding-top: 15px;
+  spacing: 5px;
+}
+
+.run-dialog-completion-box {
+  padding-left: 15px;
+  font-size: 10px;
+}
+
+.run-dialog-entry {
+  width: 21em;
+  padding: 3px 12px;
+  border-radius: 6px;
+  caret-color: #eeffff;
+  selected-color: rgba(0, 0, 0, 0.87);
+  selection-background-color: #e2e9e9;
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid transparent;
+}
+
+.run-dialog-entry:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid #b480d6;
+}
+
+.run-dialog .modal-dialog-button-box {
+  border: none;
+  box-shadow: none;
+  background: none;
+  background-gradient-direction: none;
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+  icon-size: 48px;
+}
+
+.mount-password-reask {
+  color: #ffcc00;
+}
+
+.show-processes-dialog,
+.mount-question-dialog {
+  spacing: 24px;
+}
+
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+  padding-top: 10px;
+  padding-left: 17px;
+  padding-bottom: 6px;
+}
+
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+  padding-left: 0px;
+  padding-right: 17px;
+}
+
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+  padding-left: 17px;
+  width: 28em;
+}
+
+.show-processes-dialog-description:rtl,
+.mount-question-dialog-description:rtl {
+  padding-right: 17px;
+}
+
+.show-processes-dialog-app-list {
+  max-height: 200px;
+  padding-top: 24px;
+  padding-left: 49px;
+  padding-right: 32px;
+}
+
+.show-processes-dialog-app-list:rtl {
+  padding-right: 49px;
+  padding-left: 32px;
+}
+
+.show-processes-dialog-app-list-item {
+  color: #ccc;
+}
+
+.show-processes-dialog-app-list-item:hover {
+  color: #eeffff;
+}
+
+.show-processes-dialog-app-list-item:ltr {
+  padding-right: 1em;
+}
+
+.show-processes-dialog-app-list-item:rtl {
+  padding-left: 1em;
+}
+
+.show-processes-dialog-app-list-item-icon:ltr {
+  padding-right: 17px;
+}
+
+.show-processes-dialog-app-list-item-icon:rtl {
+  padding-left: 17px;
+}
+
+.show-processes-dialog-app-list-item-name {
+  font-size: 1.1em;
+}
+
+.magnifier-zoom-region {
+  border: 2px solid maroon;
+}
+
+.magnifier-zoom-region .full-screen {
+  border-width: 0px;
+}
+
+#keyboard {
+  background-color: rgba(27, 30, 43, 0.9);
+  border-width: 0;
+  border-top-width: 1px;
+  border-color: rgba(0, 0, 0, 0.4);
+}
+
+.keyboard-layout {
+  spacing: 10px;
+  padding: 10px;
+}
+
+.keyboard-row {
+  spacing: 15px;
+}
+
+.keyboard-key {
+  min-height: 2em;
+  min-width: 2em;
+  font-size: 14pt;
+  font-weight: bold;
+  border-radius: 6px;
+  box-shadow: none;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.keyboard-key:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.keyboard-key:active,
+.keyboard-key:checked {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.keyboard-key:grayed {
+  color: rgba(238, 255, 255, 0.3);
+  background-color: transparent;
+}
+
+.keyboard-subkeys {
+  color: #eeffff;
+  padding: 5px;
+  -arrow-border-radius: 6px;
+  -arrow-background-color: rgba(27, 30, 43, 0.9);
+  -arrow-border-width: 1px;
+  -arrow-border-color: rgba(0, 0, 0, 0.4);
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 5px;
+}
+
+.menu-favorites-box {
+  margin: auto;
+  margin-bottom: 6px;
+  padding: 6px;
+  transition-duration: 300;
+  background-color: rgba(238, 255, 255, 0.05);
+  border: none;
+  border-radius: 6px;
+}
+
+.menu-favorites-button {
+  padding: 9px;
+  border: none;
+  border-radius: 6px;
+}
+
+.menu-favorites-button:hover {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.menu-places-box {
+  margin: auto;
+  padding: 9px;
+  border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.menu-places-button {
+  padding: 9px;
+}
+
+.menu-categories-box {
+  padding: 9px 30px;
+}
+
+.menu-applications-inner-box,
+.menu-applications-outer-box {
+  padding: 9px 9px 0 9px;
+}
+
+.menu-application-button {
+  padding: 6px;
+  border-radius: 6px;
+  border: none;
+}
+
+.menu-application-button:highlighted {
+  font-weight: bold;
+}
+
+.menu-application-button-selected {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  padding: 6px;
+  border-radius: 6px;
+  border: none;
+}
+
+.menu-application-button-selected:highlighted {
+  font-weight: bold;
+}
+
+.menu-application-button-label:ltr {
+  padding-left: 6px;
+}
+
+.menu-application-button-label:rtl {
+  padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button {
+  padding: 3px 0;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item {
+  padding: 0;
+  spacing: 0;
+  margin: 0 3px;
+  border-radius: 6px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:ltr {
+  padding-left: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:rtl {
+  padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:active {
+  border-image: none;
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StIcon {
+  min-width: 22px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr {
+  padding: 6px 0 6px 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl {
+  padding: 6px 6px 6px 0;
+}
+
+.menu-category-button {
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.menu-category-button-selected {
+  padding: 6px;
+}
+
+.menu-category-button-hover,
+.menu-category-button-selected {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.menu-category-button-greyed {
+  padding: 6px;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.menu-category-button-label:ltr {
+  padding-left: 6px;
+}
+
+.menu-category-button-label:rtl {
+  padding-right: 6px;
+}
+
+.menu-selected-app-box {
+  padding-right: 30px;
+  padding-left: 28px;
+  text-align: right;
+  height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+  padding-top: 10px;
+  height: 30px;
+}
+
+.menu-selected-app-title {
+  font-weight: bold;
+}
+
+.menu-selected-app-description {
+  max-width: 150px;
+  margin-bottom: 6px;
+}
+
+.menu-search-box:ltr {
+  padding-left: 30px;
+}
+
+.menu-search-box-rtl {
+  padding-right: 30px;
+}
+
+#menu-search-entry {
+  width: 250px;
+  height: 15px;
+  font-weight: normal;
+  caret-color: #eeffff;
+}
+
+.menu-search-entry-icon {
+  icon-size: 1em;
+  color: #eeffff;
+}
+
+.info-osd {
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em;
+  padding: 16px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(41, 45, 62, 0.85);
+}
+
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em;
+  padding: 20px;
+  min-width: 64px;
+  min-height: 64px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 0;
+  background-color: rgba(41, 45, 62, 0.85);
+  border: none;
+}
+
+.osd-window .osd-monitor-label {
+  font-size: 3em;
+}
+
+.osd-window .level {
+  padding: 0;
+  height: 4px;
+  background-color: rgba(0, 0, 0, 0.35);
+  border-radius: 6px;
+  color: #e2e9e9;
+}
+
+.osd-window .level-bar {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+.window-list-box {
+  spacing: 2px;
+}
+
+.panel-bottom .window-list-box:ltr,
+.panel-top .window-list-box:ltr {
+  padding: 0 0 0 8px;
+}
+
+.panel-bottom .window-list-box:rtl,
+.panel-top .window-list-box:rtl {
+  padding: 0 8px 0 0;
+}
+
+.window-list-box.vertical {
+  padding: 6px 0 0 0;
+}
+
+.window-list-box.vertical #appMenuIcon {
+  padding-top: 2px;
+}
+
+.window-list-box:highlight {
+  background-color: rgba(240, 113, 120, 0.5);
+}
+
+.window-list-item-label {
+  font-weight: normal;
+  width: 15em;
+  min-width: 5px;
+}
+
+.window-list-item-box {
+  font-weight: normal;
+  background-image: none;
+  transition-duration: 100ms;
+  color: rgba(238, 255, 255, 0.9);
+  border-radius: 0;
+}
+
+.panel-bottom .window-list-item-box StLabel {
+  padding-left: 6px;
+}
+
+.panel-top .window-list-item-box StLabel {
+  padding-left: 6px;
+}
+
+.panel-left .window-list-item-box StLabel {
+  padding-top: 6px;
+}
+
+.panel-right .window-list-item-box StLabel {
+  padding-top: 6px;
+}
+
+.panel-top .window-list-item-box {
+  border-top: 2px solid transparent;
+}
+
+.panel-top .window-list-item-box StIcon,
+.panel-top .window-list-item-box StBin,
+.panel-top .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-top: 0;
+}
+
+.panel-bottom .window-list-item-box {
+  border-bottom: 2px solid transparent;
+}
+
+.panel-bottom .window-list-item-box StIcon,
+.panel-bottom .window-list-item-box StBin,
+.panel-bottom .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-bottom: 0;
+}
+
+.panel-left .window-list-item-box {
+  border-left: 2px solid transparent;
+}
+
+.panel-left .window-list-item-box StIcon,
+.panel-left .window-list-item-box StBin,
+.panel-left .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-left: 0;
+}
+
+.panel-right .window-list-item-box {
+  border-right: 2px solid transparent;
+}
+
+.panel-right .window-list-item-box StIcon,
+.panel-right .window-list-item-box StBin,
+.panel-right .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-right: 0;
+}
+
+.window-list-item-box:hover {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.window-list-item-box:active,
+.window-list-item-box:checked,
+.window-list-item-box:running {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.25);
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+.window-list-item-box:active:hover,
+.window-list-item-box:checked:hover,
+.window-list-item-box:running:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.window-list-item-box:focus {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-image: radial-gradient(
+    5px 5px 45deg,
+    circle cover,
+    rgba(238, 255, 255, 0.7) 0%,
+    rgba(238, 255, 255, 0.7) 100%
+  );
+  border-color: #e2e9e9;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.window-list-item-box:focus:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.panel-top .window-list-item-box:focus {
+  background-position: top center;
+}
+
+.panel-bottom .window-list-item-box:focus {
+  background-position: bottom center;
+}
+
+.panel-left .window-list-item-box:focus {
+  background-position: left center;
+}
+
+.panel-right .window-list-item-box:focus {
+  background-position: right center;
+}
+
+.window-list-item-box.right,
+.window-list-item-box.left {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.window-list-item-box .progress {
+  background-gradient-direction: vertical;
+  background-gradient-start: #c3e88d;
+  background-gradient-end: #c3e88d;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+.window-list-item-demands-attention {
+  background-gradient-start: #ffcc00;
+  background-gradient-end: #ffcc00;
+}
+
+.window-list-preview {
+  padding: 12px;
+  spacing: 6px;
+  border: none;
+  background-color: #292d3e;
+  border-radius: 6px;
+  color: #eeffff;
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
+}
+
+.grouped-window-list-thumbnail-label {
+  padding-left: 4px;
+}
+
+.grouped-window-list-thumbnail-alert {
+  background-color: rgba(240, 113, 120, 0.5);
+}
+
+.grouped-window-list-thumbnail-menu {
+  padding: 6px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box {
+  padding: 6px;
+  border-radius: 6px;
+  spacing: 6px;
+  margin: 1px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:outlined {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.grouped-window-list-thumbnail-menu .item-box:hover {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.grouped-window-list-thumbnail-menu .thumbnail {
+  width: 256px;
+}
+
+.grouped-window-list-thumbnail-menu .separator {
+  width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.grouped-window-list-number-label {
+  z-index: 120;
+  text-shadow: none;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 0;
+}
+
+.grouped-window-list-button-label {
+  padding-left: 2px;
+}
+
+.grouped-window-list-badge {
+  border-radius: 256px;
+  background-color: #e2e9e9;
+}
+
+.grouped-window-list-item-box {
+  font-weight: normal;
+  transition-duration: 100ms;
+  border: none;
+  margin: 0;
+  color: rgba(238, 255, 255, 0.6);
+  border-radius: 0;
+  spacing: 6px;
+  border-bottom: 2px solid transparent;
+}
+
+.grouped-window-list-item-box.top,
+.grouped-window-list-item-box.bottom {
+  padding: 0 2px;
+}
+
+.grouped-window-list-item-box:hover {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.grouped-window-list-item-box:active {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: transparent;
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+.grouped-window-list-item-box:active:hover {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.grouped-window-list-item-box:focus {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.2);
+  border-color: #e2e9e9;
+}
+
+.grouped-window-list-item-box:focus:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.grouped-window-list-item-box .progress {
+  background-gradient-direction: vertical;
+  background-gradient-start: #c3e88d;
+  background-gradient-end: #c3e88d;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+.grouped-window-list-item-demands-attention {
+  background-gradient-start: #ffcc00;
+  background-gradient-end: #ffcc00;
+}
+
+.sound-button {
+  width: 22px;
+  height: 13px;
+  padding: 8px;
+}
+
+.sound-button-container {
+  padding-right: 3px;
+  padding-left: 3px;
+}
+
+.sound-button StIcon {
+  icon-size: 1.4em;
+}
+
+.sound-track-infos {
+  padding: 5px;
+}
+
+.sound-track-info {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+
+.sound-track-info StIcon {
+  icon-size: 16px;
+}
+
+.sound-track-info StLabel {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.sound-track-box {
+  padding-left: 15px;
+  padding-right: 15px;
+  max-width: 220px;
+}
+
+.sound-seek-box {
+  padding-left: 15px;
+}
+
+.sound-seek-box StLabel {
+  padding-top: 2px;
+}
+
+.sound-seek-box StIcon {
+  icon-size: 16px;
+}
+
+.sound-seek-slider {
+  width: 140px;
+}
+
+.sound-volume-menu-item {
+  padding: 0.4em 1.75em;
+}
+
+.sound-volume-menu-item StIcon {
+  icon-size: 1.14em;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.sound-playback-control {
+  padding: 5px 10px 10px 10px;
+}
+
+.sound-player {
+  padding: 0 0;
+  margin-top: 6px;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.sound-player > StBoxLayout:first-child {
+  padding: 5px 10px 10px 10px;
+  spacing: 0.5em;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small {
+  width: 24px;
+  height: 24px;
+  border-radius: 9999px;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:hover {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:active {
+  background-color: rgba(0, 0, 0, 0.26);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small StIcon {
+  icon-size: 16px;
+}
+
+.sound-player-generic-coverart {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.sound-player-overlay {
+  width: 290px;
+  height: 80px;
+  padding: 12px 18px;
+  spacing: 6px;
+  background-color: rgba(0, 0, 0, 0.45);
+  border: none;
+  border-radius: 0 0 6px 6px;
+  color: #eeffff;
+  text-shadow: none;
+}
+
+.sound-player-overlay StButton {
+  width: 16px;
+  height: 16px;
+  padding: 8px;
+  margin: 0 6px 6px;
+  color: #eeffff;
+  border-radius: 9999px;
+  border: none;
+  text-shadow: none;
+}
+
+.sound-player-overlay StButton StIcon {
+  icon-size: 16px;
+}
+
+.sound-player-overlay StButton:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.sound-player-overlay StButton:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.sound-player-overlay StLabel {
+  padding: 0 6px;
+}
+
+.sound-player-overlay StBoxLayout {
+  padding-top: 2px;
+}
+
+.sound-player .slider {
+  height: 0.5em;
+  padding: 0;
+  border: 0px solid rgba(5, 5, 5, 0.9);
+  border-bottom: 1px;
+  -slider-height: 0.5em;
+  -slider-background-color: #1f1f1f;
+  -slider-border-color: rgba(0, 0, 0, 0);
+  -slider-active-background-color: #e2e9e9;
+  -slider-active-border-color: rgba(0, 0, 0, 0);
+  -slider-border-width: 0px;
+  -slider-handle-radius: 0px;
+}
+
+#workspaceSwitcher {
+  spacing: 0px;
+  padding: 3px;
+}
+
+/* Controls the styling when using the "Simple buttons" option */
+.workspace-switcher {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.workspace-button {
+  width: 20px;
+  height: 10px;
+  color: rgba(238, 255, 255, 0.7);
+  padding: 3px;
+  padding-top: 4px;
+  transition-duration: 300;
+}
+
+.workspace-button:outlined,
+.workspace-button:outlined:hover {
+  color: #e2e9e9;
+}
+
+.workspace-button:hover {
+  color: #eeffff;
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+  padding: 3px;
+  spacing: 3px;
+}
+
+.workspace-graph .workspace {
+  border: 1px solid rgba(0, 0, 0, 0.4);
+  background-gradient-direction: none;
+  background-color: rgba(0, 0, 0, 0.2);
+}
+
+.workspace-graph .workspace:active {
+  border: 1px solid #e2e9e9;
+  background-gradient-direction: none;
+}
+
+.workspace-graph .workspace .windows {
+  -active-window-background: rgba(71, 71, 71, 0.75);
+  -active-window-border: rgba(0, 0, 0, 0.8);
+  -inactive-window-background: rgba(71, 71, 71, 0.75);
+  -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+.workspace-graph .workspace:active .windows {
+  -active-window-background: rgba(84, 84, 84, 0.75);
+  -active-window-border: rgba(0, 0, 0, 0.8);
+  -inactive-window-background: rgba(46, 46, 46, 0.75);
+  -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+#panel-launchers-box {
+  padding: 0 6px;
+}
+
+#panel-launchers-box.vertical {
+  padding: 3px 0;
+}
+
+.panel-launcher {
+  padding: 2px;
+  transition-duration: 200ms;
+  border-radius: 0;
+}
+
+.panel-launcher:hover {
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.panel-launcher:active {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.launcher {
+  padding: 2px;
+  spacing: 2px;
+  transition-duration: 0.2s;
+  border-radius: 0;
+}
+
+.launcher:hover {
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.launcher:active {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.launcher .icon-box {
+  padding: 2px;
+}
+
+.applet-separator {
+  padding: 1px 3px;
+}
+
+.applet-separator-line {
+  width: 1px;
+  background: rgba(238, 255, 255, 0.12);
+}
+
+.applet-box {
+  padding: 0 6px;
+  color: rgba(238, 255, 255, 0.7);
+  text-shadow: none;
+  transition-duration: 100ms;
+  border-radius: 0;
+}
+
+.applet-box.vertical {
+  padding: 6px 0;
+}
+
+.applet-box:hover {
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.applet-box:checked,
+.applet-box:checked:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.applet-box:highlight {
+  background-image: none;
+  border-image: none;
+  background-color: rgba(240, 113, 120, 0.5);
+}
+
+.applet-label {
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.applet-box:checked .applet-label {
+  color: rgba(0, 0, 0, 0.87);
+  text-shadow: none;
+}
+
+.applet-icon {
+  color: rgba(238, 255, 255, 0.7);
+  icon-size: 16px;
+}
+
+.applet-box:checked .applet-icon {
+  color: rgba(238, 255, 255, 0.7);
+  text-shadow: none;
+}
+
+.user-icon {
+  width: 32px;
+  height: 32px;
+  background-color: transparent;
+  border: none;
+  border-radius: 0;
+}
+
+.user-label {
+  color: #eeffff;
+  font-size: 1em;
+  font-weight: bold;
+  margin: 0px;
+}
+
+.desklet {
+  color: #eeffff;
+}
+
+.desklet:highlight {
+  background-color: rgba(240, 113, 120, 0.5);
+}
+
+.desklet-with-borders {
+  color: #eeffff;
+  background-color: rgba(27, 30, 43, 0.9);
+  padding: 12px;
+  padding-bottom: 16px;
+}
+
+.desklet-with-borders:highlight {
+  background-color: rgba(240, 113, 120, 0.5);
+}
+
+.desklet-with-borders-and-header {
+  color: #eeffff;
+  background-color: rgba(27, 30, 43, 0.9);
+  border-radius: 6px;
+  border-radius-topleft: 0;
+  border-radius-topright: 0;
+  padding: 12px;
+  padding-bottom: 17px;
+}
+
+.desklet-with-borders-and-header:highlight {
+  background-color: rgba(240, 113, 120, 0.5);
+}
+
+.desklet-header {
+  color: #eeffff;
+  background-color: rgba(27, 30, 43, 0.9);
+  border-radius: 0;
+  border-radius-topleft: 6px;
+  border-radius-topright: 6px;
+  font-size: 1em;
+  padding: 12px;
+  padding-bottom: 6px;
+}
+
+.desklet-drag-placeholder {
+  border: 2px solid #b480d6;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+.photoframe-box {
+  color: #eeffff;
+  background-color: rgba(27, 30, 43, 0.9);
+  padding: 12px;
+  padding-bottom: 16px;
+}
+
+.workspace-osd {
+  text-shadow: black 5px 5px 5px;
+  font-weight: bold;
+  font-size: 48pt;
+}
+
+.notification-applet-padding {
+  padding: 0.5em 1em;
+}
+
+.notification-applet-container {
+  max-height: 9999px;
+}
+
+.tile-preview,
+.tile-preview.snap,
+.tile-hud,
+.tile-hud.snap {
+  background-color: rgba(226, 233, 233, 0.3);
+  border: 1px solid #e2e9e9;
+}
+
+.xkcd-box {
+  padding: 6px;
+  border: 0px;
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 0px;
+}
diff --git a/Material/files/Material/config/Palenight-B/gnome-shell/gnome-shell.css b/Material/files/Material/config/Palenight-B/gnome-shell/gnome-shell.css
new file mode 100644
index 000000000..84ef8a954
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/gnome-shell/gnome-shell.css
@@ -0,0 +1,4412 @@
+/* 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.
+ */
+
+.message-list .message-list-placeholder {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.quick-toggle-menu .header .title {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.quick-toggle-menu .header .subtitle {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+.icon-label-button-container {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.ripple-pointer-location {
+  width: 48px;
+  height: 48px;
+  border-radius: 24px;
+  background-color: rgba(238, 255, 255, 0.3);
+  box-shadow: 0 0 2px 2px #eeffff;
+}
+
+.pie-timer {
+  width: 60px;
+  height: 60px;
+  -pie-border-width: 3px;
+  -pie-border-color: #e2e9e9;
+  -pie-background-color: rgba(238, 255, 255, 0.3);
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #e2e9e9;
+}
+
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+/* App Icons */
+.show-apps .show-apps-icon {
+  color: transparent;
+  background-image: url('assets/applogo.svg');
+  background-size: contain;
+  border-radius: 6px;
+  padding: 2px 4px;
+}
+
+.show-apps .overview-icon,
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+  color: #eeffff;
+  border-radius: 9px;
+  padding: 6px;
+  border: none;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.show-apps:hover .overview-icon,
+.show-apps:focus .overview-icon,
+.show-apps:selected .overview-icon,
+.app-well-app:hover .overview-icon,
+.app-well-app:focus .overview-icon,
+.app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:focus .overview-icon,
+.grid-search-result:selected .overview-icon {
+  color: #b480d6;
+  background-color: rgba(32, 35, 49, 0.65);
+  border-image: none;
+  background-image: none;
+}
+
+.show-apps:active .overview-icon,
+.show-apps:checked .overview-icon,
+.app-well-app:active .overview-icon,
+.app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+  background-color: rgba(32, 35, 49, 1);
+  box-shadow: none;
+}
+
+.app-well-app.app-folder {
+  background-color: rgba(32, 35, 49, 0.65);
+  border-radius: 12px;
+}
+
+.app-well-app.app-folder .overview-icon {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.app-well-app.app-folder:hover {
+  background-color: rgba(32, 35, 49, 1);
+}
+
+.app-well-app.app-folder:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.app-folder-dialog {
+  border-radius: 36px;
+  padding: 12px;
+  background-color: rgba(41, 45, 62, 0.95);
+  border: 1px solid rgba(180, 128, 214, 0.55);
+  box-shadow: inset 0 0 0 1px rgba(180, 128, 214, 0.2);
+}
+
+.app-folder-dialog .folder-name-container {
+  padding: 24px 36px 0;
+  spacing: 12px;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label,
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  font-size: 18pt;
+  font-weight: bold;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  width: 300px;
+  border: 2px solid transparent;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+  padding: 9px 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+  background-color: rgba(238, 255, 255, 0.06);
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  padding: 0;
+  width: 36px;
+  height: 36px;
+  border-radius: 9999px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+  icon-size: 16px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked,
+.app-folder-dialog .folder-name-container .edit-folder-button:active {
+  background-color: #eeffff;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.app-folder-dialog .icon-grid {
+  row-spacing: 12px;
+  column-spacing: 24px;
+  page-padding-top: 0;
+  page-padding-bottom: 0;
+  page-padding-left: 0;
+  page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+  margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+  padding: 0;
+  width: 620px;
+  height: 620px;
+}
+
+.app-well-app-running-dot {
+  width: 6px;
+  height: 3px;
+  border-radius: 2px;
+  background-color: rgba(238, 255, 255, 0.3);
+  margin-bottom: 0;
+}
+
+StWidget.focused .app-well-app-running-dot {
+  width: 24px;
+  background-color: #eeffff !important;
+}
+
+.app-menu,
+.app-well-menu {
+  max-width: 27.25em;
+}
+
+.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;
+}
+
+.system-action-icon {
+  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border-radius: 9999px;
+  icon-size: 48px;
+}
+
+.shell-link {
+  border-radius: 6px;
+  color: #89ddff;
+}
+
+.shell-link:hover {
+  color: #89ddff;
+  background-color: rgba(137, 221, 255, 0.15);
+}
+
+.shell-link:active {
+  color: #89ddff;
+  background-color: rgba(137, 221, 255, 0.25);
+}
+
+.lowres-icon {
+  icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.icon-dropshadow {
+  icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
+}
+
+/* Buttons */
+.hotplug-notification-item,
+.icon-button,
+.button {
+  color: #eeffff;
+  background-color: rgba(41, 45, 62, 0.95);
+  box-shadow: none !important;
+}
+
+.hotplug-notification-item:focus,
+.icon-button:focus,
+.button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.hotplug-notification-item:hover,
+.icon-button:hover,
+.button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none !important;
+}
+
+.hotplug-notification-item:active,
+.icon-button:active,
+.button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none !important;
+}
+
+.hotplug-notification-item:insensitive,
+.icon-button:insensitive,
+.button:insensitive {
+  color: rgba(238, 255, 255, 0.35);
+  background-color: rgba(41, 45, 62, 0.95);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button,
+.candidate-page-button,
+.modal-dialog-linked-button,
+.popup-menu .button {
+  color: #eeffff;
+  background-color: transparent;
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:focus,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus,
+.candidate-page-button:focus,
+.modal-dialog-linked-button:focus,
+.popup-menu .button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:hover,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover,
+.candidate-page-button:hover,
+.modal-dialog-linked-button:hover,
+.popup-menu .button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.lg-obj-inspector-button:active,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:active,
+.candidate-page-button:active,
+.modal-dialog-linked-button:active,
+.popup-menu .button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:insensitive,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive,
+.candidate-page-button:insensitive,
+.modal-dialog-linked-button:insensitive,
+.popup-menu .button:insensitive {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.35);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button,
+.screenshot-ui-type-button,
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button,
+.login-dialog .modal-dialog-button,
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button:default {
+  color: #eeffff;
+  background-color: transparent;
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:insensitive,
+.screenshot-ui-type-button:insensitive,
+.login-dialog .cancel-button:insensitive,
+.login-dialog .switch-user-button:insensitive,
+.login-dialog .login-dialog-session-list-button:insensitive,
+.unlock-dialog .cancel-button:insensitive,
+.unlock-dialog .switch-user-button:insensitive,
+.unlock-dialog .login-dialog-session-list-button:insensitive,
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+  color: rgba(238, 255, 255, 0.35);
+  background-color: rgba(41, 45, 62, 0.95);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:focus,
+.screenshot-ui-type-button:focus,
+.login-dialog .cancel-button:focus,
+.login-dialog .switch-user-button:focus,
+.login-dialog .login-dialog-session-list-button:focus,
+.unlock-dialog .cancel-button:focus,
+.unlock-dialog .switch-user-button:focus,
+.unlock-dialog .login-dialog-session-list-button:focus,
+.login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:hover,
+.screenshot-ui-type-button:hover,
+.login-dialog .cancel-button:hover,
+.login-dialog .switch-user-button:hover,
+.login-dialog .login-dialog-session-list-button:hover,
+.unlock-dialog .cancel-button:hover,
+.unlock-dialog .switch-user-button:hover,
+.unlock-dialog .login-dialog-session-list-button:hover,
+.login-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:active,
+.screenshot-ui-type-button:active,
+.login-dialog .cancel-button:active,
+.login-dialog .switch-user-button:active,
+.login-dialog .login-dialog-session-list-button:active,
+.unlock-dialog .cancel-button:active,
+.unlock-dialog .switch-user-button:active,
+.unlock-dialog .login-dialog-session-list-button:active,
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none !important;
+}
+
+.button {
+  min-height: 20px;
+  padding: 6px 12px;
+  border-radius: 6px;
+  border: none;
+}
+
+.icon-button {
+  border-radius: 9999px;
+  padding: 6px;
+}
+
+.icon-button StIcon {
+  icon-size: 16px !important;
+  -st-icon-style: symbolic;
+}
+
+/* Date/Time Menu */
+.popup-menu .message,
+.world-clocks-button,
+.weather-button,
+.events-button {
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.04);
+  border-radius: 6px;
+  border: none;
+  box-shadow: none;
+  text-shadow: none;
+  padding: 6px 9px;
+}
+
+.popup-menu .message:hover,
+.world-clocks-button:hover,
+.weather-button:hover,
+.events-button:hover,
+.popup-menu .message:focus,
+.world-clocks-button:focus,
+.weather-button:focus,
+.events-button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+.popup-menu .message:active,
+.world-clocks-button:active,
+.weather-button:active,
+.events-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none;
+}
+
+.clock-display-box {
+  spacing: 2px;
+}
+
+.clock-display-box .clock {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+#calendarArea {
+  padding: 6px 0;
+}
+
+.datemenu-calendar-column {
+  spacing: 6px;
+  border: 0 solid rgba(238, 255, 255, 0.12);
+  padding: 0 12px;
+}
+
+.datemenu-calendar-column:ltr {
+  margin-right: 0;
+  border-left-width: 0;
+}
+
+.datemenu-calendar-column:rtl {
+  margin-left: 0;
+  border-right-width: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-section {
+  padding-bottom: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+  spacing: 6px;
+}
+
+.world-clocks-header,
+.weather-header,
+.events-section-title {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: bold;
+}
+
+.datemenu-today-button,
+.datemenu-displays-box,
+.message-list-sections {
+  margin: 4px 6px;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+  border: none;
+  box-shadow: none;
+  background: none;
+  padding: 6px;
+  margin: 0 12px;
+  text-shadow: none;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 12px;
+}
+
+.datemenu-today-button:hover,
+.datemenu-today-button:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.datemenu-today-button:active {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.datemenu-today-button .day-label {
+  font-size: 12pt;
+  font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+  font-size: 18pt;
+  font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  padding: 0 3px !important;
+  margin: 0 !important;
+  text-shadow: none;
+  border-radius: 12px;
+}
+
+.calendar .calendar-month-label {
+  padding: 6px 0;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: bold;
+  text-align: center;
+  text-shadow: none;
+  font-size: 12pt;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 0 !important;
+  margin: 3px 0 !important;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+  icon-size: 16px;
+}
+
+.calendar .pager-button {
+  width: 32px !important;
+  height: 32px !important;
+  margin: 2px !important;
+  border-radius: 9999px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.calendar .pager-button:hover,
+.calendar .pager-button:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.calendar .pager-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.calendar .calendar-day-base {
+  font-size: 10pt;
+  text-align: center;
+  width: 34px !important;
+  height: 34px !important;
+  padding: 0 !important;
+  margin: 2px !important;
+  border-radius: 9999px;
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  font-feature-settings: 'tnum';
+}
+
+.calendar .calendar-day-base:hover,
+.calendar .calendar-day-base:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  outline: none;
+}
+
+.calendar .calendar-day-base:active,
+.calendar .calendar-day-base:selected {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+  border-color: transparent;
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+  margin-top: 1em;
+  color: rgba(238, 255, 255, 0.5);
+  font-size: 10pt;
+}
+
+.calendar .calendar-day {
+  border-width: 0;
+}
+
+.calendar .calendar-day-top {
+  border-top-width: 0;
+}
+
+.calendar .calendar-day-left {
+  border-left-width: 0;
+}
+
+.calendar .calendar-nonwork-day {
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: bold;
+}
+
+.calendar .calendar-today {
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.7) !important;
+  background-color: rgba(238, 255, 255, 0.06);
+  border: none;
+}
+
+.calendar .calendar-today:hover,
+.calendar .calendar-today:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff !important;
+}
+
+.calendar .calendar-today:active {
+  background-color: #676e95;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected {
+  background-color: #b480d6;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected:hover,
+.calendar .calendar-today:selected:focus {
+  background-color: #9d7cd8;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-day-with-events {
+  color: rgba(238, 255, 255, 0.7);
+  background-image: url('assets/calendar-today.svg');
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 0.5;
+}
+
+.calendar .calendar-week-number {
+  width: 26px;
+  height: 20px;
+  margin: 6px 2px !important;
+  padding: 0 0;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  font-size: inherit;
+  font-weight: bold;
+  text-align: center;
+}
+
+.world-clocks-button,
+.weather-button,
+.events-button {
+  padding: 12px !important;
+  margin: 2px 0 !important;
+}
+
+.events-button .events-box {
+  spacing: 6px;
+}
+
+.events-button .events-list {
+  spacing: 12px;
+  text-shadow: none;
+}
+
+.events-button .events-title {
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: bold;
+  text-shadow: none;
+}
+
+.events-button .event-time {
+  color: rgba(238, 255, 255, 0.5);
+  font-feature-settings: 'tnum';
+  font-size: 10pt;
+}
+
+.world-clocks-button .world-clocks-city {
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: bold;
+  font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time {
+  color: rgba(238, 255, 255, 0.5);
+  font-feature-settings: 'tnum';
+  font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+  text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+  text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+  color: rgba(238, 255, 255, 0.5);
+  font-feature-settings: 'tnum';
+  font-size: 10pt;
+}
+
+.world-clocks-grid,
+.weather-grid {
+  spacing-rows: 0.4em;
+  spacing-columns: 0.8em;
+}
+
+.weather-button {
+  margin-bottom: 6px !important;
+}
+
+.weather-button .weather-box {
+  spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+  spacing: 6px;
+}
+
+.weather-button .weather-header {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: bold;
+}
+
+.weather-button .weather-header.location {
+  font-weight: normal;
+  color: rgba(238, 255, 255, 0.5);
+  font-size: 10pt;
+}
+
+.weather-button .weather-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.weather-button .weather-forecast-time {
+  color: rgba(238, 255, 255, 0.7);
+  font-feature-settings: 'tnum';
+  font-size: 9pt;
+  font-weight: normal;
+  padding-top: 0.2em;
+  padding-bottom: 0.4em;
+}
+
+.weather-button .weather-forecast-icon {
+  icon-size: 32px;
+}
+
+.weather-button .weather-forecast-temp {
+  font-weight: bold;
+}
+
+/* Check Boxes */
+.check-box StBoxLayout {
+  spacing: 0.8em;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+  background-image: url('assets/checkbox-off.svg');
+}
+
+.check-box:hover StBin {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.check-box:active StBin {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+  background-image: url('assets/checkbox-dark.svg');
+}
+
+/* Activities Ripple */
+.ripple-box {
+  background-color: rgba(226, 233, 233, 0.35);
+  box-shadow: 0 0 2px 2px #eeffff;
+  width: 52px;
+  height: 52px;
+  border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+  border-radius: 0 0 0 52px;
+}
+
+/* Dash */
+#dash {
+  font-size: 9pt;
+}
+
+#dash .empty-dash-drop-target {
+  width: 32px;
+  height: 32px;
+}
+
+.dash-label {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #b480d6;
+  padding: 6px 12px;
+  text-align: center;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.55);
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
+  -y-offset: 12px;
+  -x-offset: 8px;
+}
+
+/* Modal Dialogs */
+.candidate-popup-content,
+.modal-dialog {
+  background-color: rgba(41, 45, 62, 0.95);
+  border-radius: 12px;
+  box-shadow: 3px 3px 8px -5px rgba(0, 0, 0, 0.35);
+  margin: 15px;
+  border: 2px solid #b480d6;
+}
+
+.modal-dialog-linked-button:last-child {
+  color: #eeffff;
+  background-color: #3a3f58;
+}
+
+.modal-dialog-linked-button:hover:last-child {
+  color: #eeffff;
+  background-color: #6e98eb;
+}
+
+.modal-dialog-linked-button:active:last-child {
+  color: #eeffff;
+  background-color: #b480d6;
+}
+
+.modal-dialog-linked-button:insensitive:last-child {
+  background-color: rgba(226, 233, 233, 0.05);
+  color: rgba(226, 233, 233, 0.35);
+}
+
+.headline {
+  font-size: 12pt;
+}
+
+.modal-dialog {
+  color: #eeffff;
+  padding: 0 6px 6px 6px;
+}
+
+.modal-dialog-linked-button {
+  min-height: 32px;
+  padding: 6px;
+  margin: 3px !important;
+  border: none !important;
+  border-radius: 6px;
+}
+
+.modal-dialog-linked-button:first-child {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.modal-dialog-linked-button:first-child:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.modal-dialog-linked-button:first-child:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.modal-dialog-linked-button:first-child:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none !important;
+}
+
+.modal-dialog .modal-dialog-content-box {
+  margin: 30px 42px;
+  spacing: 30px;
+  max-width: 28em;
+}
+
+.end-session-dialog {
+  width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+  color: #ffcb6b;
+}
+
+.message-dialog-content {
+  spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+  text-align: center;
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+  font-size: 13pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+  text-align: center;
+}
+
+.dialog-list {
+  spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+  text-align: center;
+  font-weight: bold;
+}
+
+.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: rgba(238, 255, 255, 0.7);
+  font-size: 10pt;
+}
+
+.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: rgba(238, 255, 255, 0.7);
+  font-size: 10pt;
+}
+
+.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;
+  font-size: 10pt;
+  margin: 6px;
+}
+
+.prompt-dialog-error-label {
+  color: #f07178;
+}
+
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.polkit-dialog-user-layout {
+  text-align: center;
+  spacing: 8px;
+  margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+  color: #ffcb6b;
+}
+
+.audio-device-selection-dialog .modal-dialog-content-box {
+  margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+  spacing: 20px;
+}
+
+.audio-selection-device {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.audio-selection-device:hover,
+.audio-selection-device:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.audio-selection-device:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.audio-selection-device-box {
+  padding: 18px;
+  spacing: 18px;
+}
+
+.audio-selection-device-icon {
+  icon-size: 64px;
+}
+
+.welcome-dialog-image {
+  background-image: url('resource:///org/gnome/shell/theme/gnome-shell-start.svg');
+  background-size: contain;
+  height: 300px;
+  width: 300px;
+}
+
+/* Entries */
+StEntry,
+.search-entry {
+  min-height: 20px;
+  padding: 6px 12px;
+  margin: 2px;
+  border: none;
+  border-radius: 6px;
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid transparent;
+  box-shadow: none;
+  caret-color: #eeffff;
+  selection-background-color: rgba(238, 255, 255, 0.25);
+  selected-color: #eeffff;
+}
+
+StEntry:hover,
+.search-entry:hover {
+  color: #eeffff;
+  border-color: rgba(226, 233, 233, 0.35);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+StEntry:focus,
+.search-entry:focus {
+  color: #eeffff;
+  border-color: #e2e9e9;
+  background-color: rgba(238, 255, 255, 0.04);
+  box-shadow: none;
+}
+
+StEntry:insensitive,
+.search-entry:insensitive {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.35);
+  border-color: transparent;
+}
+
+StEntry StIcon.capslock-warning,
+.search-entry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #ffcb6b;
+  padding: 0;
+}
+
+StEntry StIcon.peek-password,
+.search-entry StIcon.peek-password {
+  icon-size: 16px;
+  padding: 0 4px;
+}
+
+StEntry StLabel.hint-text,
+.search-entry StLabel.hint-text {
+  margin-left: 2px;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.hotplug-notification-item {
+  padding: 12px;
+  border-style: solid;
+  border-width: 0;
+  border-left-width: 0;
+  border-bottom-width: 0;
+}
+
+.hotplug-notification-item:first-child {
+  border-radius: 0 0 0 6px;
+}
+
+.hotplug-notification-item:last-child {
+  border-right-width: 0;
+  border-radius: 0 0 6px 0;
+}
+
+.hotplug-notification-item:first-child:last-child {
+  border-radius: 0 0 6px 6px;
+}
+
+.hotplug-notification-item-icon {
+  icon-size: 24px;
+  padding: 0 4px;
+}
+
+.candidate-popup-boxpointer {
+  -arrow-border-radius: 2px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 64px;
+  -arrow-rise: 12px;
+}
+
+.candidate-popup-content {
+  color: rgba(238, 255, 255, 0.7);
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35) !important;
+  border: none;
+  margin: 3px 8px 12px !important;
+  padding: 6px;
+  spacing: 6px;
+}
+
+.candidate-index {
+  padding: 0 0.5em 0 0;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.candidate-box:selected .candidate-index {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.candidate-box {
+  padding: 0.3em 0.5em 0.3em 0.5em;
+  margin-right: 2px;
+  border-radius: 6px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.candidate-box:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.candidate-box:active {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #eeffff;
+}
+
+.candidate-box:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.candidate-box:last-child {
+  margin-right: 0;
+}
+
+.candidate-page-button-box {
+  height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+  padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+  padding-left: 0.5em;
+}
+
+.candidate-page-button {
+  padding: 6px 9px;
+}
+
+.candidate-page-button-previous,
+.candidate-page-button-next {
+  border-radius: 6px;
+}
+
+.candidate-page-button-icon {
+  icon-size: 1em;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+  background-color: #202331;
+  box-shadow: none;
+}
+
+#keyboard .page-indicator {
+  padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+  width: 8px;
+  height: 8px;
+}
+
+.key-container,
+.keyboard-layout {
+  padding: 4px;
+  spacing: 4px;
+}
+
+.keyboard-key {
+  font-size: 16pt;
+  font-weight: bold;
+  min-height: 1.2em;
+  min-width: 1.2em;
+  border-radius: 9px;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: #3a3f58;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key:focus,
+.keyboard-key:hover {
+  color: #eeffff;
+  background-color: #414863;
+}
+
+.keyboard-key:checked,
+.keyboard-key:active {
+  color: #eeffff;
+  background-color: #515772;
+}
+
+.keyboard-key:grayed {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.keyboard-key.default-key {
+  background-color: #222436;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key.default-key:focus,
+.keyboard-key.default-key:hover {
+  color: #eeffff;
+  background-color: #444a73;
+}
+
+.keyboard-key.default-key:checked,
+.keyboard-key.default-key:active {
+  color: #eeffff;
+  background-color: #515772;
+}
+
+.keyboard-key.enter-key {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key.enter-key:focus,
+.keyboard-key.enter-key:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #a6accd;
+}
+
+.keyboard-key.enter-key:checked,
+.keyboard-key.enter-key:active {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #717cb4;
+}
+
+.keyboard-key.shift-key-uppercase,
+.keyboard-key.shift-key-uppercase:focus,
+.keyboard-key.shift-key-uppercase:hover,
+.keyboard-key.shift-key-uppercase:checked,
+.keyboard-key.shift-key-uppercase:active {
+  color: #e2e9e9;
+}
+
+.keyboard-key StIcon {
+  icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+  color: inherit;
+  -arrow-border-radius: 12px;
+  -arrow-background-color: #202331;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 5px;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+}
+
+.emoji-page .keyboard-key {
+  background-color: transparent;
+  border: none;
+  color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+  border: none;
+  background-color: #e2e9e9;
+}
+
+.word-suggestions {
+  font-size: 14pt;
+  spacing: 12px;
+  min-height: 20pt;
+}
+
+/* Login Dialog */
+#lockDialogGroup {
+  background-color: rgba(41, 45, 62, 0.95);
+}
+
+.login-dialog-banner-view {
+  padding-top: 24px;
+  max-width: 23em;
+}
+
+.login-dialog,
+.unlock-dialog {
+  border: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+  spacing: 3px;
+}
+
+.login-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button {
+  padding: 0 16px;
+  border: none;
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+  padding: 0;
+  border-radius: 9999px;
+  width: 32px;
+  height: 32px;
+  border: none;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+  icon-size: 16px;
+}
+
+.login-dialog .login-dialog-message-warning,
+.unlock-dialog .login-dialog-message-warning {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog .user-icon,
+.unlock-dialog .user-icon {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog .user-icon StIcon,
+.unlock-dialog .user-icon StIcon {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+}
+
+.login-dialog .user-icon,
+.login-dialog .user-icon.user-avatar,
+.unlock-dialog .user-icon,
+.unlock-dialog .user-icon.user-avatar {
+  border: 2px solid #e2e9e9;
+}
+
+.login-dialog-logo-bin {
+  padding: 24px 0px;
+}
+
+.login-dialog-banner {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-button-box {
+  spacing: 5px;
+}
+
+.login-dialog-message {
+  text-align: center;
+}
+
+.login-dialog-message-warning {
+  color: #ffcb6b;
+}
+
+.login-dialog-message-hint {
+  padding-top: 0;
+  padding-bottom: 20px;
+}
+
+.login-dialog-user-selection-box {
+  padding: 100px 0px;
+}
+
+.login-dialog-not-listed-label {
+  padding-left: 2px;
+}
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
+.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+  color: #eeffff;
+}
+
+.login-dialog-not-listed-label {
+  font-size: 1em;
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.7);
+  padding-top: 1em;
+}
+
+.login-dialog-not-listed-label:hover {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-not-listed-label:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.login-dialog-user-list-view {
+  -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+  spacing: 12px;
+  padding: 0.2em;
+  width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected,
+.login-dialog-user-list:expanded .login-dialog-user-list-item:hover,
+.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+  border-right: 2px solid #e2e9e9;
+}
+
+.login-dialog-user-list-item {
+  border-radius: 12px;
+  padding: 6px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item:ltr .user-widget {
+  padding-right: 1em;
+}
+
+.login-dialog-user-list-item:rtl .user-widget {
+  padding-left: 1em;
+}
+
+.login-dialog-user-list-item:focus {
+  background-color: rgba(238, 255, 255, 0.04) !important;
+}
+
+.login-dialog-user-list-item:hover,
+.login-dialog-user-list-item:focus:hover {
+  background-color: rgba(238, 255, 255, 0.12) !important;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item:active,
+.login-dialog-user-list-item:focus:active {
+  background-color: rgba(238, 255, 255, 0.3) !important;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+  height: 2px;
+  margin: 6px 0 0 0;
+  background-color: rgba(238, 255, 255, 0.12) !important;
+}
+
+.user-widget-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.user-widget.horizontal .user-widget-label {
+  font-size: 13pt;
+  font-weight: bold;
+  padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+  padding-left: 14px;
+  text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+  padding-right: 14px;
+  text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+  font-size: 16pt;
+  text-align: center;
+  font-weight: normal;
+  padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+  padding-top: 24px;
+  padding-bottom: 12px;
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-prompt-entry {
+  height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: 12pt;
+  padding-top: 1em;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+  background-color: rgba(41, 45, 62, 0.95) !important;
+  spacing: 4px;
+  padding: 0;
+  border-radius: 6px;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+  color: #eeffff !important;
+  border: 2px solid #e2e9e9;
+  border-top: none;
+}
+
+#LookingGlassDialog > #Toolbar {
+  padding: 0 6px;
+  border: none;
+  border-radius: 0;
+  background-color: rgba(41, 45, 62, 0.95) !important;
+  box-shadow: inset 0 -1px 0 rgba(238, 255, 255, 0.12);
+  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;
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.5);
+  padding: 6px 12px;
+  transition-duration: 100ms;
+  border-bottom-width: 0;
+  border-radius: 0;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+  text-shadow: none;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: inset 0 -2px 0 #e2e9e9;
+  color: #eeffff;
+  text-shadow: none;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+  padding: 4px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+  spacing: 6px;
+  padding: 6px;
+}
+
+.lg-dialog StEntry {
+  min-height: 22px;
+  selection-background-color: #e2e9e9;
+  selected-color: rgba(0, 0, 0, 0.87);
+}
+
+.lg-dialog .shell-link {
+  color: #89ddff;
+}
+
+.lg-dialog .shell-link:hover {
+  color: #51adf6;
+}
+
+.lg-dialog .shell-link:active {
+  color: #0c7cd5;
+}
+
+.lg-dialog .actor-link {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.lg-dialog .actor-link:hover {
+  color: #eeffff;
+}
+
+.lg-dialog .actor-link:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.lg-completions-text {
+  font-size: 0.9em;
+  font-style: italic;
+}
+
+.lg-obj-inspector-title {
+  spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+  padding: 0 16px;
+  border: none;
+  border-radius: 6px;
+}
+
+.lg-obj-inspector-button:hover {
+  border: none;
+}
+
+#lookingGlassExtensions {
+  padding: 6px;
+}
+
+.lg-extensions-list {
+  padding: 6px;
+  spacing: 6px;
+}
+
+.lg-extension {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04) !important;
+  color: #eeffff !important;
+  padding: 12px;
+  box-shadow: none;
+  border: 2px solid #e2e9e9;
+}
+
+.lg-extension-name {
+  font-weight: bold;
+}
+
+.lg-extension-meta {
+  spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+  color: rgba(238, 255, 255, 0.7) !important;
+  background: rgba(41, 45, 62, 0.95) !important;
+  border: none;
+  border-radius: 6px;
+  padding: 6px;
+  margin: 5px 8px 11px;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+.lg-debug-flag-button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.lg-debug-flag-button StLabel {
+  padding: 6px 12px;
+}
+
+.lg-debug-flag-button:hover {
+  color: #eeffff;
+}
+
+.lg-debug-flag-button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.lg-debug-flags-header {
+  padding-top: 12px;
+  padding: 6px;
+  margin: 6px;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/* Message List */
+.message-list {
+  width: 31.5em;
+  text-shadow: none;
+  border: solid rgba(238, 255, 255, 0.12);
+  padding: 6px;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-right: 12px;
+  border-right-width: 1px;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 4px;
+  padding-left: 12px;
+  border-left-width: 1px;
+}
+
+.message-list .message-list-placeholder {
+  spacing: 12px;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 48px;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+  margin: 0 8px;
+}
+
+.message-list-section,
+.message-list-sections,
+.message-list-section-list {
+  spacing: 6px;
+}
+
+.message-list-controls {
+  margin: 8px 16px 0;
+  padding: 4px;
+  spacing: 12px;
+}
+
+.message {
+  margin: 3px 0;
+}
+
+.message .message-icon-bin {
+  padding: 18px 12px;
+  padding-right: 6px;
+}
+
+.message .message-icon-bin:rtl {
+  padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+  icon-size: 32px;
+  -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+  width: 16px;
+  height: 16px;
+}
+
+.message .message-secondary-bin {
+  padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+  color: rgba(238, 255, 255, 0.5);
+  font-size: 9pt;
+  text-align: right;
+  padding-bottom: 0;
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+  text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+  text-align: left;
+}
+
+.message .message-title {
+  color: #eeffff;
+  font-weight: bold;
+  padding-top: 0.57em;
+}
+
+.message .message-content {
+  padding: 6px;
+  margin-bottom: 4px;
+  spacing: 4px;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.message .message-close-button {
+  color: rgba(238, 255, 255, 0.7);
+  padding: 4px;
+  height: 20px;
+  width: 20px;
+  border-radius: 9999px;
+}
+
+.message .message-close-button:hover,
+.message .message-close-button:active {
+  color: #eeffff;
+}
+
+.message .message-close-button:hover,
+.message .message-close-button:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.message .message-close-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.message .message-body {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.url-highlighter {
+  link-color: #89ddff;
+}
+
+.message-media-control {
+  margin: 20px 6px;
+  padding: 9px;
+  border-radius: 9999px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.message-media-control:hover,
+.message-media-control:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.message-media-control:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.message-media-control:insensitive {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.message-media-control:last-child:ltr {
+  margin-right: 16px;
+}
+
+.message-media-control:last-child:rtl {
+  margin-left: 16px;
+}
+
+.message-media-control StIcon {
+  icon-size: 16px;
+}
+
+.media-message-cover-icon {
+  icon-size: 32px !important;
+}
+
+.media-message-cover-icon.fallback {
+  icon-size: 24px !important;
+  padding: 6px;
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.select-area-rubberband {
+  background-color: rgba(226, 233, 233, 0.3);
+  border: 1px solid #e2e9e9;
+  border-radius: 6px;
+}
+
+.user-icon {
+  background-size: contain;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  box-shadow: none;
+  icon-size: 64px;
+}
+
+.modal-dialog .user-icon {
+  box-shadow: none;
+}
+
+.user-icon:hover {
+  color: #eeffff;
+}
+
+.user-icon StIcon {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border-radius: 9999px;
+  padding: 12px;
+  width: 40px;
+  height: 40px;
+}
+
+.user-icon,
+.user-icon.user-avatar {
+  border: 2px solid #e2e9e9;
+}
+
+.user-widget.vertical .user-icon {
+  icon-size: 96px;
+}
+
+.user-widget.vertical .user-icon StIcon {
+  padding: 20px;
+  padding-top: 18px;
+  padding-bottom: 22px;
+  width: 88px;
+  height: 88px;
+}
+
+.lightbox {
+  background-color: black;
+}
+
+.flashspot {
+  background-color: #eeffff;
+}
+
+.hidden {
+  color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+  text-align: center;
+  padding-bottom: 8px;
+  font-size: 10pt;
+  color: #ffcb6b;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+  max-height: 34em;
+  min-height: 31em;
+  min-width: 32em;
+}
+
+.nm-dialog-content {
+  spacing: 20px;
+  padding: 24px;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-airplane-box {
+  spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+  font-weight: bold;
+  text-align: center;
+}
+
+.nm-dialog-airplane-text {
+  color: #eeffff;
+}
+
+.nm-dialog-header {
+  font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+  icon-size: 32px;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+  border: none;
+  padding: 0;
+  background-color: rgba(238, 255, 255, 0.04);
+  border-radius: 6px;
+}
+
+.nm-dialog-item {
+  font-size: 11pt;
+  border-bottom: none;
+  padding: 12px;
+  spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nm-dialog-item:hover,
+.nm-dialog-item:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.nm-dialog-item:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.nm-dialog-icon {
+  icon-size: 16px;
+}
+
+.nm-dialog-icons {
+  spacing: 12px;
+}
+
+.no-networks-label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.no-networks-box {
+  spacing: 6px;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+  width: 25em;
+  min-height: 65px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(32, 35, 49, 0.95);
+  text-shadow: none;
+  border: solid 1px rgba(238, 255, 255, 0.25);
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+  margin: 20px 20px 10px;
+  border-radius: 12px;
+}
+
+.notification-banner:hover {
+  color: #eeffff;
+  background-color: rgba(32, 35, 49, 0.95);
+  border: solid 1px rgba(238, 255, 255, 0.25);
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+  margin: 20px 20px 10px;
+}
+
+.notification-banner:focus {
+  color: #eeffff;
+  background-color: rgba(32, 35, 49, 0.95);
+}
+
+.notification-banner .notification-actions {
+  background-color: transparent;
+  padding-top: 0;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  spacing: 0;
+}
+
+.notification-banner .notification-button {
+  min-height: 44px;
+  padding: 0 18px;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-width: 0;
+}
+
+.notification-banner .notification-button:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+.notification-banner .notification-button:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+.notification-banner .notification-button:only-child,
+.notification-banner .notification-button:first-child:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+.notification-banner .notification-button:focus {
+  background-color: transparent;
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.12);
+}
+
+.notification-banner .notification-button:hover,
+.notification-banner .notification-button:focus:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+.notification-banner .notification-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #eeffff;
+}
+
+.summary-source-counter {
+  font-size: fontsize(10);
+  font-weight: bold;
+  height: 1.6em;
+  width: 1.6em;
+  -shell-counter-overlap-x: 3px;
+  -shell-counter-overlap-y: 3px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border: 2px solid rgba(238, 255, 255, 0.3);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 0.9em;
+}
+
+.chat-body {
+  spacing: 5px;
+}
+
+.chat-response {
+  margin: 5px;
+}
+
+.chat-log-message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.chat-new-group {
+  padding-top: 1em;
+}
+
+.chat-received {
+  padding-left: 4px;
+}
+
+.chat-received:rtl {
+  padding-left: 0px;
+  padding-right: 4px;
+}
+
+.chat-sent {
+  padding-left: 18pt;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.chat-sent:rtl {
+  padding-left: 0;
+  padding-right: 18pt;
+}
+
+.chat-meta-message {
+  padding-left: 4px;
+  font-size: 9pt;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.chat-meta-message:rtl {
+  padding-left: 0;
+  padding-right: 4px;
+}
+
+/* OSD */
+.screenshot-ui-panel,
+.workspace-switcher-container,
+.resize-popup,
+.osd-window {
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(41, 45, 62, 0.95);
+  border: solid 1px rgba(238, 255, 255, 0.25);
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+  margin: 50px 8px 11px;
+  border-radius: 12px;
+  padding: 10px;
+}
+
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+}
+
+.osd-window .osd-monitor-label {
+  font-size: 3em;
+}
+
+.osd-window .level {
+  height: 3px;
+  border-radius: 2px;
+  background-color: rgba(238, 255, 255, 0.15);
+  color: #eeffff;
+  -barlevel-height: 3px;
+  -barlevel-background-color: rgba(238, 255, 255, 0.15);
+  -barlevel-active-background-color: #eeffff;
+  -barlevel-overdrive-color: #f07178;
+  -barlevel-overdrive-separator-width: 2px;
+  -barlevel-border-width: 0;
+  -barlevel-border-color: rgba(238, 255, 255, 0.12);
+}
+
+.osd-window .level-bar {
+  background-color: #eeffff;
+  border-radius: 2px;
+}
+
+.pad-osd-window {
+  padding: 32px;
+  background-color: rgba(41, 45, 62, 0.95);
+}
+
+.pad-osd-window .pad-osd-title-box {
+  spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+  spacing: 6px;
+}
+
+.combo-box-label {
+  width: 15em;
+}
+
+#overview StScrollBar StBin#trough {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+#overview StScrollBar StButton#vhandle,
+#overview StScrollBar StButton#hhandle {
+  background-color: rgba(238, 255, 255, 0.5);
+}
+
+#overview StScrollBar StButton#vhandle:hover,
+#overview StScrollBar StButton#hhandle:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+#overview StScrollBar StButton#vhandle:active,
+#overview StScrollBar StButton#hhandle:active {
+  background-color: #eeffff;
+}
+
+#overview {
+  spacing: 24px;
+}
+
+.overview-controls {
+  padding-bottom: 30px;
+}
+
+/* Top Bar */
+#panel {
+  background-color: rgba(41, 45, 62, 0.95);
+  height: 32px;
+  color: #eeffff;
+  font-feature-settings: 'tnum';
+  transition-duration: 250ms;
+  font-size: 10pt;
+  font-weight: bold;
+  margin: 4px 10px 1px;
+  border: 2px solid #b480d6;
+  border-radius: 50px;
+}
+
+#panel .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: rgba(41, 45, 62, 0.95);
+  -panel-corner-border-width: 2px;
+  -panel-corner-border-color: transparent;
+  -panel-corner-opacity: 1;
+  transition-duration: 250ms;
+}
+
+#panel .panel-button {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  font-weight: bold;
+  color: #eeffff;
+  transition-duration: 150ms;
+  border-radius: 9999px;
+  text-shadow: none;
+  border: 4px solid transparent;
+}
+
+#panel .panel-button.clock-display .clock {
+  transition-duration: 150ms;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+}
+
+#panel .panel-button:hover {
+  color: #b480d6;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px #1b1e2b;
+}
+
+#panel .panel-button.clock-display:hover {
+  box-shadow: none;
+  color: #b480d6;
+}
+
+#panel .panel-button.clock-display:hover .clock {
+  color: #b480d6;
+  box-shadow: inset 0 0 0 1000px #1b1e2b;
+}
+
+#panel .panel-button:active,
+#panel .panel-button:active:hover,
+#panel .panel-button:overview,
+#panel .panel-button:overview:hover,
+#panel .panel-button:focus,
+#panel .panel-button:focus:hover,
+#panel .panel-button:checked,
+#panel .panel-button:checked:hover {
+  background-color: transparent;
+  color: #b480d6;
+  box-shadow: inset 0 0 0 1000px #1b1e2b;
+}
+
+#panel .panel-button:active .panel-button,
+#panel .panel-button:overview .panel-button,
+#panel .panel-button:focus .panel-button,
+#panel .panel-button:checked .panel-button {
+  background-color: transparent;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: inset 0 0 0 1000px #1b1e2b;
+}
+
+#panel .panel-button:active .panel-button:hover,
+#panel .panel-button:overview .panel-button:hover,
+#panel .panel-button:focus .panel-button:hover,
+#panel .panel-button:checked .panel-button:hover {
+  color: #b480d6;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.12);
+}
+
+#panel .panel-button:active .panel-button:active,
+#panel .panel-button:active .panel-button:overview,
+#panel .panel-button:active .panel-button:focus,
+#panel .panel-button:active .panel-button:checked,
+#panel .panel-button:overview .panel-button:active,
+#panel .panel-button:overview .panel-button:overview,
+#panel .panel-button:overview .panel-button:focus,
+#panel .panel-button:overview .panel-button:checked,
+#panel .panel-button:focus .panel-button:active,
+#panel .panel-button:focus .panel-button:overview,
+#panel .panel-button:focus .panel-button:focus,
+#panel .panel-button:focus .panel-button:checked,
+#panel .panel-button:checked .panel-button:active,
+#panel .panel-button:checked .panel-button:overview,
+#panel .panel-button:checked .panel-button:focus,
+#panel .panel-button:checked .panel-button:checked {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
+}
+
+#panel .panel-button.clock-display:active,
+#panel .panel-button.clock-display:overview,
+#panel .panel-button.clock-display:focus,
+#panel .panel-button.clock-display:checked {
+  box-shadow: none;
+  color: #b480d6;
+}
+
+#panel .panel-button.clock-display:active .clock,
+#panel .panel-button.clock-display:overview .clock,
+#panel .panel-button.clock-display:focus .clock,
+#panel .panel-button.clock-display:checked .clock {
+  box-shadow: inset 0 0 0 1000px #1b1e2b;
+  color: #b480d6;
+}
+
+.unlock-screen #panel .panel-button,
+.login-screen #panel .panel-button,
+.lock-screen #panel .panel-button {
+  color: #b480d6;
+}
+
+.unlock-screen #panel .panel-button:focus,
+.unlock-screen #panel .panel-button:hover,
+.unlock-screen #panel .panel-button:active,
+.login-screen #panel .panel-button:focus,
+.login-screen #panel .panel-button:hover,
+.login-screen #panel .panel-button:active,
+.lock-screen #panel .panel-button:focus,
+.lock-screen #panel .panel-button:hover,
+.lock-screen #panel .panel-button:active {
+  color: #b480d6;
+}
+
+#panel .panel-button .system-status-icon {
+  icon-size: 16px;
+  padding: 8px;
+  margin: 0 4px;
+  -st-icon-style: symbolic;
+}
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon,
+#panel .panel-button .panel-status-menu-box .system-status-icon {
+  margin: 0;
+}
+
+#panel .panel-button .app-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+#panel #panelActivities.panel-button {
+  -natural-hpadding: 18px;
+}
+
+#panel:overview,
+#panel.unlock-screen,
+#panel.login-screen,
+#panel.lock-screen {
+  background-color: transparent;
+  box-shadow: none;
+  border: transparent;
+}
+
+#panel:overview StLabel,
+#panel:overview StIcon,
+#panel.unlock-screen StLabel,
+#panel.unlock-screen StIcon,
+#panel.login-screen StLabel,
+#panel.login-screen StIcon,
+#panel.lock-screen StLabel,
+#panel.lock-screen StIcon {
+  color: #b480d6;
+}
+
+#panel:overview .panel-button:hover,
+#panel.unlock-screen .panel-button:hover,
+#panel.login-screen .panel-button:hover,
+#panel.lock-screen .panel-button:hover {
+  color: #b480d6;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.12);
+}
+
+#panel:overview .panel-button.clock-display:hover,
+#panel.unlock-screen .panel-button.clock-display:hover,
+#panel.login-screen .panel-button.clock-display:hover,
+#panel.lock-screen .panel-button.clock-display:hover {
+  box-shadow: none;
+  color: #b480d6;
+}
+
+#panel:overview .panel-button.clock-display:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:hover .clock,
+#panel.login-screen .panel-button.clock-display:hover .clock,
+#panel.lock-screen .panel-button.clock-display:hover .clock {
+  color: #b480d6;
+  box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.12);
+}
+
+#panel:overview .panel-button:active,
+#panel:overview .panel-button:overview,
+#panel:overview .panel-button:focus,
+#panel:overview .panel-button:checked,
+#panel.unlock-screen .panel-button:active,
+#panel.unlock-screen .panel-button:overview,
+#panel.unlock-screen .panel-button:focus,
+#panel.unlock-screen .panel-button:checked,
+#panel.login-screen .panel-button:active,
+#panel.login-screen .panel-button:overview,
+#panel.login-screen .panel-button:focus,
+#panel.login-screen .panel-button:checked,
+#panel.lock-screen .panel-button:active,
+#panel.lock-screen .panel-button:overview,
+#panel.lock-screen .panel-button:focus,
+#panel.lock-screen .panel-button:checked {
+  color: #b480d6;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.2);
+}
+
+#panel:overview .panel-button.clock-display:active,
+#panel:overview .panel-button.clock-display:overview,
+#panel:overview .panel-button.clock-display:focus,
+#panel:overview .panel-button.clock-display:checked,
+#panel.unlock-screen .panel-button.clock-display:active,
+#panel.unlock-screen .panel-button.clock-display:overview,
+#panel.unlock-screen .panel-button.clock-display:focus,
+#panel.unlock-screen .panel-button.clock-display:checked,
+#panel.login-screen .panel-button.clock-display:active,
+#panel.login-screen .panel-button.clock-display:overview,
+#panel.login-screen .panel-button.clock-display:focus,
+#panel.login-screen .panel-button.clock-display:checked,
+#panel.lock-screen .panel-button.clock-display:active,
+#panel.lock-screen .panel-button.clock-display:overview,
+#panel.lock-screen .panel-button.clock-display:focus,
+#panel.lock-screen .panel-button.clock-display:checked {
+  box-shadow: none;
+  color: #b480d6;
+}
+
+#panel:overview .panel-button.clock-display:active .clock,
+#panel:overview .panel-button.clock-display:overview .clock,
+#panel:overview .panel-button.clock-display:focus .clock,
+#panel:overview .panel-button.clock-display:checked .clock,
+#panel.unlock-screen .panel-button.clock-display:active .clock,
+#panel.unlock-screen .panel-button.clock-display:overview .clock,
+#panel.unlock-screen .panel-button.clock-display:focus .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:overview .clock,
+#panel.login-screen .panel-button.clock-display:focus .clock,
+#panel.login-screen .panel-button.clock-display:checked .clock,
+#panel.lock-screen .panel-button.clock-display:active .clock,
+#panel.lock-screen .panel-button.clock-display:overview .clock,
+#panel.lock-screen .panel-button.clock-display:focus .clock,
+#panel.lock-screen .panel-button.clock-display:checked .clock {
+  box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.2);
+  color: #b480d6;
+}
+
+#panel:overview .panel-corner,
+#panel.unlock-screen .panel-corner,
+#panel.login-screen .panel-corner,
+#panel.lock-screen .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: transparent;
+  -panel-corner-border-color: transparent;
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+  spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+  spacing: 0;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+  color: #ffcb6b;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer {
+  -arrow-border-radius: 2px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 12px;
+  -arrow-rise: 0;
+  -arrow-box-shadow: none;
+  background: transparent;
+}
+
+.popup-menu {
+  min-width: 12em;
+  color: #eeffff;
+  padding: 0 !important;
+  margin: 0 3px;
+  font-weight: 500;
+  font-size: 10pt;
+  border-radius: 12px;
+}
+
+.popup-menu .popup-menu-content {
+  padding: 6px;
+  background-color: rgba(32, 35, 49, 0.95);
+  border-radius: 12px;
+  margin: 4px;
+  font-weight: 500;
+  border: 2px solid #b480d6;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15);
+}
+
+.popup-menu .popup-menu-item {
+  spacing: 9px;
+  padding: 6px;
+  color: #eeffff !important;
+  text-shadow: none;
+  border-radius: 6px;
+  margin: 0 6px;
+  font-weight: 500;
+}
+
+.popup-menu .popup-menu-item:checked {
+  font-weight: 500;
+  border: none;
+  box-shadow: none;
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #eeffff !important;
+  border-radius: 6px 6px 0 0;
+}
+
+.popup-menu .popup-menu-item:checked:focus,
+.popup-menu .popup-menu-item:checked:hover,
+.popup-menu .popup-menu-item.selected:checked {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #a6accd !important;
+}
+
+.popup-menu .popup-menu-item:checked:active {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #676e95 !important;
+}
+
+.popup-menu .popup-menu-item:checked:insensitive {
+  color: rgba(0, 0, 0, 0.38) !important;
+}
+
+.popup-menu .popup-menu-item:focus,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item.selected {
+  color: #eeffff !important;
+  background-color: rgba(238, 255, 255, 0.12) !important;
+  transition-duration: 0;
+}
+
+.popup-menu .popup-menu-item:active,
+.popup-menu .popup-menu-item.selected:active {
+  color: #eeffff !important;
+  background-color: rgba(238, 255, 255, 0.3) !important;
+}
+
+.popup-menu .popup-menu-item:insensitive {
+  color: rgba(238, 255, 255, 0.3) !important;
+}
+
+.popup-menu .popup-sub-menu {
+  border: none;
+  box-shadow: none;
+  margin: 0 6px;
+  border-radius: 0 0 6px 6px;
+  background-color: #eeffff !important;
+  color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item {
+  border-radius: 0;
+  margin: 0;
+  color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:focus,
+.popup-menu .popup-sub-menu .popup-menu-item.hover,
+.popup-menu .popup-sub-menu .popup-menu-item.selected {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item.selected:active {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:insensitive {
+  color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu
+  .popup-sub-menu
+  .popup-menu-section:last-child
+  .popup-menu-item:last-child {
+  border-radius: 0 0 6px 6px;
+}
+
+.popup-menu .popup-inactive-menu-item {
+  color: #b480d6 !important;
+}
+
+.popup-menu .popup-inactive-menu-item:insensitive {
+  color: rgba(238, 255, 255, 0.3) !important;
+}
+
+.popup-menu.panel-menu {
+  -boxpointer-gap: 4px;
+  margin-bottom: 1.75em;
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+  icon-size: 16px !important;
+}
+
+.popup-menu-ornament {
+  width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+  text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+  text-align: left;
+}
+
+.background-menu {
+  -boxpointer-gap: 4px;
+  -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+  min-width: 21em;
+}
+
+.aggregate-menu .popup-menu-icon {
+  padding: 0;
+  margin: 0 3px;
+  -st-icon-style: symbolic;
+}
+
+.quick-settings {
+  padding: 12px !important;
+  border-radius: 12px !important;
+}
+
+.quick-settings .icon-button,
+.quick-settings .button {
+  padding: 10.5px;
+}
+
+.quick-settings .icon-button > StIcon,
+.quick-settings .button > StIcon {
+  icon-size: 16px !important;
+}
+
+.quick-settings-grid {
+  spacing-rows: 12px;
+  spacing-columns: 12px;
+}
+
+.quick-toggle {
+  border-radius: 8px;
+  min-width: 12em;
+  max-width: 12em;
+  min-height: 40px;
+  border: none;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  background-color: rgba(238, 255, 255, 0.08) !important;
+}
+
+.quick-toggle:hover {
+  background-color: rgba(238, 255, 255, 0.12) !important;
+}
+
+.quick-toggle:active {
+  background-color: rgba(238, 255, 255, 0.15) !important;
+}
+
+.quick-toggle:checked {
+  background-color: #b480d6 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:hover {
+  background-color: #676e95 !important;
+  color: #eeffff;
+}
+
+.quick-toggle:checked:active {
+  background-color: #80cbc4 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle > StBoxLayout {
+  spacing: 6px;
+  padding: 0 12px;
+}
+
+.quick-toggle.button {
+  padding: 0;
+}
+
+.quick-toggle:ltr > StBoxLayout {
+  padding-left: 15px;
+}
+
+.quick-toggle:rtl > StBoxLayout {
+  padding-right: 15px;
+}
+
+.quick-toggle .quick-toggle-label {
+  font-weight: bold;
+}
+
+.quick-toggle .quick-toggle-icon,
+.quick-toggle .quick-toggle-arrow {
+  icon-size: 16px !important;
+}
+
+.quick-menu-toggle:ltr > StBoxLayout {
+  padding-right: 0;
+}
+
+.quick-menu-toggle:rtl > StBoxLayout {
+  padding-left: 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow {
+  background-color: rgba(238, 255, 255, 0.08) !important;
+  padding: 6px 10.5px;
+  icon-size: 16px !important;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:active {
+  background-color: rgba(238, 255, 255, 0.12) !important;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:ltr {
+  border-radius: 0 6px 6px 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:rtl {
+  border-radius: 6px 0 0 6px;
+}
+
+.quick-slider {
+  padding: 0 6px;
+}
+
+.quick-slider > StBoxLayout {
+  spacing: 6px;
+}
+
+.quick-slider .slider-bin {
+  min-height: 16px;
+  padding: 6px;
+  border-radius: 9999px;
+}
+
+.quick-slider .slider-bin:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.quick-slider .quick-toggle-icon,
+.quick-slider .quick-toggle-arrow {
+  icon-size: 16px !important;
+}
+
+.quick-slider .icon-button {
+  background-color: transparent;
+  color: #b480d6 !important;
+}
+
+.quick-slider .icon-button:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.quick-slider .icon-button:active {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.quick-toggle-menu {
+  background-color: #3a3f58 !important;
+  color: #eeffff !important;
+  border-radius: 12px !important;
+  padding: 12px;
+  margin: 12px 30px 0;
+  box-shadow: inset 0 0 0 1px rgba(239, 240, 242, 0.2);
+}
+
+.quick-toggle-menu .popup-menu-item {
+  min-height: 20px;
+  padding: 6px;
+  spacing: 6px;
+  border-radius: 6px !important;
+  color: #eeffff !important;
+}
+
+.quick-toggle-menu .popup-menu-item:focus,
+.quick-toggle-menu .popup-menu-item.hover,
+.quick-toggle-menu .popup-menu-item.selected {
+  color: #eeffff !important;
+  background-color: rgba(238, 255, 255, 0.1) !important;
+}
+
+.quick-toggle-menu .popup-menu-item:active,
+.quick-toggle-menu .popup-menu-item.selected:active {
+  color: #eeffff !important;
+  background-color: rgba(238, 255, 255, 0.2) !important;
+}
+
+.quick-toggle-menu .popup-menu-item > StIcon {
+  -st-icon-style: symbolic;
+}
+
+.quick-toggle-menu .header {
+  spacing-rows: 3px;
+  spacing-columns: 12px;
+  padding-bottom: 12px;
+}
+
+.quick-toggle-menu .header .icon {
+  icon-size: 24px;
+  border-radius: 6px;
+  padding: 9px;
+  background-color: #b480d6 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle-menu .header .icon.active {
+  background-color: #b480d6 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-settings-system-item > StBoxLayout {
+  spacing: 12px;
+}
+
+.quick-settings-system-item .icon-button {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #b480d6;
+  border-radius: 6px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+}
+
+.quick-settings-system-item .icon-button:hover {
+  background-color: rgba(234, 232, 255, 0.12);
+  color: #89ddff;
+  border-radius: 6px;
+  border: 1px solid rgba(234, 232, 255, 0.2);
+}
+
+.quick-settings-system-item .icon-button > StIcon {
+  -st-icon-style: symbolic;
+  icon-size: 16px !important;
+}
+
+.quick-settings-system-item .power-item {
+  min-height: 0;
+  min-width: 0;
+  color: #b480d6;
+}
+
+.quick-settings-system-item .power-item:hover {
+  min-height: 0;
+  min-width: 0;
+  color: #89ddff;
+}
+
+.quick-settings-system-item .power-item:insensitive {
+  color: #b480d6;
+  background-color: rgba(41, 45, 62, 0.95);
+  box-shadow: none !important;
+  background-color: transparent;
+}
+
+.nm-network-item .wireless-secure-icon {
+  icon-size: 8px;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+  color: #eeffff;
+  font-weight: 300;
+  text-align: center;
+  spacing: 24px;
+  padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+  font-size: 64pt;
+  padding-top: 42px;
+  font-feature-settings: 'tnum';
+}
+
+.unlock-dialog-clock-date {
+  font-size: 16pt;
+  font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+  font-weight: normal;
+  padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+  margin: 12px 0;
+  spacing: 6px;
+  width: 23em;
+  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 6px;
+  border: none;
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border-radius: 12px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container
+  .unlock-dialog-notification-source.critical {
+  background-color: #3a3f58;
+}
+
+.unlock-dialog-notification-label {
+  padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+  weight: bold;
+  padding: 0 6px;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  border-radius: 9999px;
+  margin-right: 12px;
+}
+
+.screen-shield-background {
+  background: black;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
+}
+
+#unlockDialogNotifications StButton#vhandle,
+#unlockDialogNotifications StButton#hhandle {
+  background-color: rgba(32, 35, 49, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover,
+#unlockDialogNotifications StButton#vhandle:focus,
+#unlockDialogNotifications StButton#hhandle:hover,
+#unlockDialogNotifications StButton#hhandle:focus {
+  background-color: rgba(32, 35, 49, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active,
+#unlockDialogNotifications StButton#hhandle:active {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+  -st-vfade-offset: 32px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 32px;
+}
+
+StScrollBar {
+  padding: 6px;
+}
+
+StScrollView StScrollBar {
+  min-width: 8px;
+  min-height: 8px;
+}
+
+StScrollBar StBin#trough {
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.5);
+  border: 4px solid transparent;
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+  background-color: #eeffff;
+}
+
+.popup-sub-menu StScrollBar StBin#trough {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle,
+.popup-sub-menu StScrollBar StButton#hhandle {
+  background-color: rgba(0, 0, 0, 0.26);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:hover,
+.popup-sub-menu StScrollBar StButton#hhandle:hover {
+  background-color: rgba(0, 0, 0, 0.38);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:active,
+.popup-sub-menu StScrollBar StButton#hhandle:active {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.search-entry {
+  width: 320px;
+  min-height: 20px;
+  padding: 6px 12px;
+  transition-duration: 150ms;
+  border-radius: 6px;
+}
+
+.search-entry .search-entry-icon {
+  color: rgba(238, 255, 255, 0.5);
+  icon-size: 16px;
+  margin-top: 0;
+  padding: 0 4px;
+}
+
+.search-entry StLabel.hint-text {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.search-entry:hover .search-entry-icon,
+.search-entry:focus .search-entry-icon {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.search-entry:insensitive StLabel.hint-text,
+.search-entry:insensitive .search-entry-icon {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry,
+.login-dialog StEntry,
+.unlock-dialog StEntry,
+#overview .search-entry {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid transparent;
+  box-shadow: none;
+  caret-color: #eeffff;
+  selection-background-color: rgba(238, 255, 255, 0.25);
+  selected-color: #eeffff;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:hover,
+.login-dialog StEntry:hover,
+.unlock-dialog StEntry:hover,
+#overview .search-entry:hover {
+  color: #eeffff;
+  border-color: rgba(238, 255, 255, 0.35);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:focus,
+.login-dialog StEntry:focus,
+.unlock-dialog StEntry:focus,
+#overview .search-entry:focus {
+  color: #eeffff;
+  border-color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  box-shadow: none;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon,
+.login-dialog StEntry .search-entry-icon,
+.unlock-dialog StEntry .search-entry-icon,
+#overview .search-entry .search-entry-icon {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text,
+.login-dialog StEntry StLabel.hint-text,
+.unlock-dialog StEntry StLabel.hint-text,
+#overview .search-entry StLabel.hint-text {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:hover
+  .search-entry-icon,
+.login-dialog StEntry:hover .search-entry-icon,
+.unlock-dialog StEntry:hover .search-entry-icon,
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:focus
+  .search-entry-icon,
+.login-dialog StEntry:focus .search-entry-icon,
+.unlock-dialog StEntry:focus .search-entry-icon,
+#overview .search-entry:hover .search-entry-icon,
+#overview .search-entry:focus .search-entry-icon {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:insensitive,
+.login-dialog StEntry:insensitive,
+.unlock-dialog StEntry:insensitive,
+#overview .search-entry:insensitive {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.35);
+  border-color: transparent;
+}
+
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:insensitive
+  StLabel.hint-text,
+.login-dialog StEntry:insensitive StLabel.hint-text,
+.unlock-dialog StEntry:insensitive StLabel.hint-text,
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:insensitive
+  .search-entry-icon,
+.login-dialog StEntry:insensitive .search-entry-icon,
+.unlock-dialog StEntry:insensitive .search-entry-icon,
+#overview .search-entry:insensitive StLabel.hint-text,
+#overview .search-entry:insensitive .search-entry-icon {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/* Search */
+.list-search-result,
+.search-provider-icon {
+  border-radius: 6px;
+  padding: 6px;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.list-search-result:focus,
+.search-provider-icon:focus,
+.list-search-result:hover,
+.search-provider-icon:hover,
+.list-search-result:selected,
+.search-provider-icon:selected {
+  background-color: rgba(238, 255, 255, 0.12);
+  transition-duration: 200ms;
+}
+
+.list-search-result:active,
+.search-provider-icon:active,
+.list-search-result:checked,
+.search-provider-icon:checked {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+#searchResultsContent {
+  max-width: 1024px;
+  spacing: 8px;
+}
+
+.search-section {
+  spacing: 8px;
+  background: none;
+}
+
+.search-section .search-section-separator {
+  height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.search-section-content {
+  spacing: 8px;
+  border-radius: 0;
+  padding: 18px;
+  border: none;
+  box-shadow: none;
+  background: none;
+  text-shadow: none;
+  color: #eeffff;
+}
+
+.search-statustext {
+  font-size: 2em;
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.grid-search-results {
+  spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+  spacing: 12px;
+}
+
+.search-provider-icon
+  .list-search-provider-content
+  .list-search-provider-details {
+  width: 120px;
+  margin-top: 0;
+  color: #f07178;
+}
+
+.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: #f78c6c;
+}
+
+/* Slider */
+.slider {
+  height: 20px;
+  color: rgba(32, 35, 49, 0.95);
+  -slider-height: 2px;
+  -slider-background-color: rgba(238, 255, 255, 0.3);
+  -slider-border-color: #b480d6;
+  -slider-active-background-color: #b480d6;
+  -slider-active-border-color: #b480d6;
+  -slider-border-width: 2px;
+  -slider-handle-radius: 7px;
+  -slider-handle-border-width: 2px;
+  -slider-handle-border-color: #f78c6c;
+  -barlevel-height: 2px;
+  -barlevel-background-color: rgba(238, 255, 255, 0.3);
+  -barlevel-border-color: transparent;
+  -barlevel-active-background-color: #b480d6;
+  -barlevel-active-border-color: transparent;
+  -barlevel-overdrive-color: #f07178;
+  -barlevel-overdrive-border-color: transparent;
+  -barlevel-overdrive-separator-width: 2px;
+  -barlevel-border-width: 0;
+}
+
+/* App Switcher */
+.switcher-popup {
+  padding: 8px;
+  spacing: 24px;
+}
+
+.switcher-list {
+  background-color: rgba(32, 35, 49, 0.95);
+  box-shadow: inset 0 0 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 15px;
+  border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+  background-color: #3b3f51;
+  color: #b480d6;
+  border-radius: 15px;
+}
+
+.switcher-list .item-box:selected {
+  background-color: #3b3f51;
+  color: #b480d6;
+  border-radius: 15px;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(238, 255, 255, 0.12);
+}
+
+.switcher-list .switcher-list-item-container {
+  spacing: 12px;
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: #b480d6;
+}
+
+.switcher-arrow:highlighted {
+  color: #b480d6;
+}
+
+.input-source-switcher-symbol {
+  font-size: 34pt;
+  width: 96px;
+  height: 96px;
+}
+
+.cycler-highlight {
+  border: 5px solid #e2e9e9;
+}
+
+/* Switches */
+.toggle-switch {
+  width: 40px;
+  height: 20px;
+  background-size: contain;
+  background-image: url('assets/toggle-off-dark.svg');
+}
+
+.toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.popup-sub-menu .toggle-switch {
+  background-image: url('assets/toggle-off.svg');
+}
+
+.popup-sub-menu .toggle-switch:checked {
+  background-image: url('assets/toggle-on.svg');
+}
+
+/* Tiled window previews */
+.tile-preview {
+  background-color: rgba(226, 233, 233, 0.3);
+  border: 1px solid #e2e9e9;
+  border-radius: 12px;
+}
+
+.tile-preview-left.on-primary {
+  border-radius: 12px;
+}
+
+.tile-preview-right.on-primary {
+  border-radius: 12px;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+  border-radius: 12px;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+  padding: 12px;
+}
+
+.workspace-switcher {
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  padding: 0;
+  spacing: 12px;
+}
+
+.ws-switcher-box {
+  background: transparent;
+  height: 50px;
+  background-size: 32px;
+  background: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+  height: 52px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 9px;
+  border: none;
+}
+
+.icon-grid {
+  row-spacing: 12px;
+  column-spacing: 12px;
+  max-row-spacing: 72px;
+  max-column-spacing: 72px;
+  page-padding-top: 24px;
+  page-padding-bottom: 24px;
+  page-padding-left: 12px;
+  page-padding-right: 12px;
+}
+
+.page-indicator {
+  padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+  width: 10px;
+  height: 10px;
+  border-radius: 10px;
+  background-color: #eeffff;
+}
+
+.apps-scroll-view {
+  padding: 0;
+}
+
+.page-navigation-hint {
+  width: 300px;
+}
+
+.page-navigation-hint.dnd {
+  background: rgba(238, 255, 255, 0.1);
+}
+
+.page-navigation-hint.next:ltr,
+.page-navigation-hint.previous:rtl {
+  background-gradient-start: rgba(238, 255, 255, 0.05);
+  background-gradient-end: transparent;
+  background-gradient-direction: horizontal;
+  border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr,
+.page-navigation-hint.next:rtl {
+  background-gradient-start: transparent;
+  background-gradient-end: rgba(238, 255, 255, 0.05);
+  background-gradient-direction: horizontal;
+  border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow > StIcon {
+  margin: 6px;
+  padding: 18px;
+  width: 24px;
+  height: 24px;
+  border-radius: 9999px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.page-navigation-arrow:insensitive > StIcon {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.page-navigation-arrow:hover > StIcon {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.page-navigation-arrow:active > StIcon {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #eeffff;
+}
+
+#dash {
+  margin-top: 12px;
+  padding: 0 10px;
+}
+
+#dash .placeholder {
+  background-image: none;
+  background-size: contain;
+  height: 32px;
+}
+
+#dash .overview-icon {
+  padding: 5px;
+}
+
+.dash-background {
+  background-color: rgba(238, 255, 255, 0.3);
+  border: 2px solid #b480d6;
+  margin-bottom: 16px;
+  padding: 10px;
+  border-radius: 16px;
+}
+
+.dash-item-container .app-well-app,
+.show-apps {
+  padding: 10px 2px 26px;
+}
+
+.dash-separator {
+  width: 1px;
+  margin: 0 7px 16px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.workspace-animation {
+  background-color: rgba(41, 45, 62, 0.95);
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 2px;
+}
+
+.controls-manager,
+.secondary-monitor-workspaces {
+  spacing: 12px;
+}
+
+#overviewGroup {
+  background-color: #090b10;
+}
+
+.osd-window {
+  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;
+}
+
+#appMenu {
+  spacing: 6px;
+}
+
+#appMenu .label-shadow {
+  color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+  padding: 0 6px;
+  spacing: 6px;
+}
+
+.popup-menu .popup-menu-item {
+  padding: 6px 12px;
+}
+
+.popup-menu .popup-menu-item:ltr {
+  padding-right: 9px !important;
+  padding-left: 0 !important;
+}
+
+.popup-menu .popup-menu-item:rtl {
+  padding-right: 0 !important;
+  padding-left: 9px !important;
+}
+
+.popup-separator-menu-item {
+  padding: 0;
+  margin: 6px 0;
+}
+
+.popup-separator-menu-item:ltr {
+  margin-right: 4px;
+}
+
+.popup-separator-menu-item:rtl {
+  margin-left: 4px;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+  height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.popup-separator-menu-item .popup-menu-ornament {
+  width: 0 !important;
+}
+
+.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(0, 0, 0, 0.12);
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 12px !important;
+  margin-left: 3px !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 12px !important;
+  margin-right: 3px !important;
+}
+
+.search-entry {
+  margin-top: 24px;
+  margin-bottom: 6px;
+}
+
+.icon-label-button-container {
+  spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+  icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+  border-radius: 33px;
+  padding: 18px;
+  padding-bottom: 12px;
+  margin-bottom: 4em;
+  spacing: 12px;
+  border: 2px solid #e2e9e9;
+}
+
+.screenshot-ui-close-button {
+  padding: 6px !important;
+  margin-top: 12px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
+}
+
+.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 !important;
+  border-radius: 15px;
+}
+
+.screenshot-ui-capture-button {
+  width: 36px;
+  height: 36px;
+  border-radius: 9999px;
+  border: 4px #eeffff;
+  padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+  background-color: #eeffff;
+  transition-duration: 200ms;
+  border-radius: 9999px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover,
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+  background-color: #d9d9d9;
+}
+
+.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: #f07178;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+  background-color: #f4a099;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+  background-color: #ef6d62;
+}
+
+.screenshot-ui-shot-cast-container {
+  background-color: #292d3e;
+  border-radius: 12px;
+  padding: 3px;
+  spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-container:ltr {
+  margin-left: 3px;
+}
+
+.screenshot-ui-shot-cast-container:rtl {
+  margin-right: 3px;
+}
+
+.screenshot-ui-shot-cast-button {
+  padding: 6px 12px;
+  background-color: transparent;
+  border-radius: 9px;
+}
+
+.screenshot-ui-shot-cast-button:hover,
+.screenshot-ui-shot-cast-button:focus {
+  background-color: #3a3f58;
+}
+
+.screenshot-ui-shot-cast-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+  background-color: #eeffff;
+  color: black;
+}
+
+.screenshot-ui-shot-cast-button:insensitive {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+  border-radius: 9999px;
+  padding: 12px !important;
+}
+
+.screenshot-ui-show-pointer-button StIcon {
+  icon-size: 16px;
+}
+
+.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 #eeffff;
+}
+
+.screenshot-ui-area-selector-handle {
+  border-radius: 9999px;
+  background-color: #eeffff;
+  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+  width: 24px;
+  height: 24px;
+}
+
+.screenshot-ui-window-selector {
+  background-color: #202331;
+}
+
+.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: 12px;
+  border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+  transition-duration: 200ms;
+  color: transparent;
+  border-radius: 99px;
+  border-width: 12px;
+  icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover
+  .screenshot-ui-window-selector-window-border {
+  border-color: #a6accd;
+}
+
+.screenshot-ui-window-selector-window:checked
+  .screenshot-ui-window-selector-window-border {
+  border-color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked
+  .screenshot-ui-window-selector-check {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.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 #eeffff;
+}
+
+.screenshot-ui-tooltip {
+  color: #eeffff;
+  background-color: rgba(41, 45, 62, 0.95);
+  border-radius: 9999px;
+  padding: 6px 12px;
+  text-align: center;
+  -y-offset: 24px;
+}
+
+.window-picker {
+  spacing: 6px;
+}
+
+.window-caption {
+  color: #eeffff;
+  background-color: rgba(41, 45, 62, 0.95);
+  border-radius: 9999px;
+  padding: 6px 12px;
+}
+
+.window-close,
+.screenshot-ui-close-button {
+  background-color: #3a3f58;
+  color: #eeffff;
+  border-radius: 21px;
+  padding: 3px;
+  height: 30px;
+  width: 30px;
+  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
+  transition-duration: 200ms;
+}
+
+.window-close:hover,
+.screenshot-ui-close-button:hover {
+  color: #eeffff;
+  background-color: #e2795b;
+}
+
+.window-close:active,
+.screenshot-ui-close-button:active {
+  color: #eeffff;
+  background-color: #dc6068;
+}
+
+.window-close StIcon,
+.screenshot-ui-close-button StIcon {
+  icon-size: 24px;
+}
+
+.workspace-background {
+  border-radius: 30px;
+  background-color: rgba(41, 45, 62, 0.95);
+  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+  visible-width: 32px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.12);
+  border: none;
+  border-radius: 6px;
+}
+
+.workspace-thumbnails .placeholder {
+  background-image: url('assets/dash-placeholder.svg');
+  background-size: contain;
+  width: 18px;
+  height: 24px;
+}
+
+.workspace-thumbnail-indicator {
+  border: 3px solid #e2e9e9;
+  border-radius: 6px;
+  padding: 0;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+  -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+  -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+  background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+  color: #eeffff;
+  background-color: rgba(0, 0, 0, 0.75);
+  text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+  border-radius: 9999px;
+  margin: 2px;
+  padding: 0.2em 0.6em;
+  font-weight: bold;
+  text-align: center;
+}
+
+#dashtodockContainer.straight-corner #dash,
+#dashtodockContainer.shrink.straight-corner #dash {
+  border-radius: 0;
+  margin: 0;
+}
+
+#dashtodockContainer.straight-corner #dash .dash-background,
+#dashtodockContainer.shrink.straight-corner #dash .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.extended.top #dash,
+#dashtodockContainer.extended.bottom #dash,
+#dashtodockContainer.extended.right #dash,
+#dashtodockContainer.extended.left #dash {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+  padding: 0 0;
+}
+
+#dashtodockContainer.extended.top #dash .dash-background,
+#dashtodockContainer.extended.bottom #dash .dash-background,
+#dashtodockContainer.extended.right #dash .dash-background,
+#dashtodockContainer.extended.left #dash .dash-background {
+  border-radius: 0;
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+#dashtodockContainer.left #dash,
+#dashtodockContainer.right #dash {
+  margin-top: 0;
+  padding: 10px 0;
+}
+
+#dashtodockContainer.left #dash .dash-background,
+#dashtodockContainer.right #dash .dash-background {
+  margin-bottom: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app,
+#dashtodockContainer.left .show-apps,
+#dashtodockContainer.right .dash-item-container .app-well-app,
+#dashtodockContainer.right .show-apps {
+  padding: 6px;
+}
+
+#dashtodockContainer.left #dash {
+  margin-left: 6px;
+}
+
+#dashtodockContainer.right #dash {
+  margin-right: 6px;
+}
+
+#dashtodockContainer.dashtodock #dash .dash-background {
+  background-color: rgba(41, 45, 62, 0.95);
+}
+
+#dashtodockContainer #dash .dash-background {
+  background-color: rgba(41, 45, 62, 0.95);
+  border: 2px solid #b480d6;
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+  background-color: #f07178;
+}
+
+#dashtodockContainer StWidget.focused .app-well-app-running-dot {
+  background-color: #b480d6 !important;
+}
+
+#dashtodockContainer:overview #dash .app-well-app-running-dot {
+  background-color: #f07178;
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #b480d6 !important;
+}
+
+#dashtodockContainer .show-apps .overview-icon,
+#dashtodockContainer .app-well-app .overview-icon {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 15px;
+}
+
+#dashtodockContainer .show-apps:hover .overview-icon,
+#dashtodockContainer .show-apps:focus .overview-icon,
+#dashtodockContainer .show-apps:selected .overview-icon,
+#dashtodockContainer .app-well-app:hover .overview-icon,
+#dashtodockContainer .app-well-app:focus .overview-icon,
+#dashtodockContainer .app-well-app:selected .overview-icon {
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 15px;
+}
+
+#dashtodockContainer .show-apps:active .overview-icon,
+#dashtodockContainer .show-apps:checked .overview-icon,
+#dashtodockContainer .app-well-app:active .overview-icon,
+#dashtodockContainer .app-well-app:checked .overview-icon {
+  background-color: rgba(238, 255, 255, 0.3);
+  border-radius: 15px;
+}
+
+#dashtodockContainer:overview #dash .show-apps .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app .overview-icon {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 15px;
+}
+
+#dashtodockContainer:overview #dash .show-apps:hover .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:focus .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:selected .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:hover .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:focus .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:selected .overview-icon {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+#dashtodockContainer:overview #dash .show-apps:active .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:checked .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:active .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:checked .overview-icon {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+#dashtodockContainer.opaque #dash .dash-background {
+  background-color: rgba(41, 45, 62, 0.95);
+}
+
+#dashtodockContainer.transparent #dash .dash-background {
+  background-color: rgba(33, 33, 33, 0.35);
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+  background-color: rgba(32, 35, 49, 0.95);
+  border: 2px solid #b480d6;
+}
+
+#dashtodockContainer.opaque:overview #dash .dash-background,
+#dashtodockContainer.transparent:overview #dash .dash-background {
+  background-color: transparent !important;
+  box-shadow: none !important;
+}
+
+#dashtodockContainer.extended:overview #dash .dash-background,
+#dashtodockContainer.opaque.extended:overview #dash .dash-background,
+#dashtodockContainer.transparent.extended:overview #dash .dash-background {
+  background-color: rgba(41, 45, 62, 0.95);
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton,
+#dashtodockContainer.dashtodock .dash-item-container > StButton {
+  transition-duration: 250ms;
+  background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton,
+#dashtodockContainer.dashtodock .dash-item-container > StButton {
+  padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon,
+#dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+  border-radius: 6px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+  border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+  padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+  width: 1px;
+  height: auto;
+  border-right-width: 1px;
+  margin: 32px 0;
+}
+
+.openweather-button,
+.openweather-button-action,
+.openweather-menu-button-container,
+.openweather-button-box {
+  border: 1px solid transparent;
+}
+
+.openweather-provider {
+  padding: 0 16px;
+  font-weight: 500;
+  border: 1px solid transparent;
+}
+
+.openweather-current-icon,
+.openweather-current-summary,
+.openweather-current-summarybox {
+  background: none;
+  color: #eeffff;
+}
+
+.openweather-current-databox-values {
+  background: none;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.openweather-current-databox-captions {
+  background: none;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.openweather-forecast-icon,
+.openweather-forecast-summary {
+  background: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.openweather-forecast-day,
+.openweather-forecast-temperature {
+  background: none;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.openweather-sunrise-icon,
+.openweather-sunset-icon,
+.openweather-build-icon {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.popup-sub-menu .openweather-current-icon,
+.popup-sub-menu .openweather-current-summary,
+.popup-sub-menu .openweather-current-summarybox {
+  background: none;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-current-databox-values {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-current-databox-captions {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-forecast-icon,
+.popup-sub-menu .openweather-forecast-summary {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-forecast-day,
+.popup-sub-menu .openweather-forecast-temperature {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-sunrise-icon,
+.popup-sub-menu .openweather-sunset-icon,
+.popup-sub-menu .openweather-build-icon {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/config/Palenight-B/gtk-2.0/gtkrc b/Material/files/Material/config/Palenight-B/gtk-2.0/gtkrc
new file mode 100644
index 000000000..9a3bdf060
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/gtk-2.0/gtkrc
@@ -0,0 +1,894 @@
+# Oomox GTK Theme (Numix Fork)
+
+gtk-color-scheme =
+"base_color:#292D3E\nbg_color:#292D3E\ntooltip_bg_color:#292D3E\nselected_bg_color:#717CB4\ntext_color:#EEFFFF\nfg_color:#EEFFFF\ntooltip_fg_color:#EEFFFF\nselected_fg_color:#EEFFFF\nmenubar_bg_color:#292D3E\nmenubar_fg_color:#EEFFFF\ntoolbar_bg_color:#292D3E\ntoolbar_fg_color:#EEFFFF\nmenu_bg_color:#292D3E\nmenu_fg_color:#EEFFFF\npanel_bg_color:#292D3E\npanel_fg_color:#EEFFFF\nlink_color:#077fdb\nbtn_bg_color:#232637\nbtn_fg_color:#fafafa\ntitlebar_bg_color:#292D3E\ntitlebar_fg_color:#EEFFFF\nprimary_caret_color:#EEFFFF\nsecondary_caret_color:#EEFFFF\naccent_bg_color:#AB47BC\n"
+# Default Style
+
+style "murrine-default" {
+	GtkArrow::arrow-scaling= 0.6
+
+	GtkWidget::cursor_color = @primary_caret_color
+	GtkWidget::secondary_cursor_color = @secondary_caret_color
+	GtkWidget::cursor_aspect_ratio = 0.04
+
+	GtkButton::child-displacement-x = 0
+	GtkButton::child-displacement-y = 0
+
+	GtkButton::default-border = { 0, 0, 0, 0 }
+    #GtkButton::inner-border        = { 2, 2, 1, 1 }
+    GtkButton::focus-line-width    = 1
+    #GtkButton::focus-padding       = -4
+
+	GtkButtonBox::child-min-height = 26
+
+	GtkCheckButton::indicator-size = 16
+
+	# The following line hints to gecko (and possibly other appliations)
+	# that the entry should be drawn transparently on the canvas.
+	# Without this, gecko will fill in the background of the entry.
+	GtkEntry::honors-transparent-bg-hint = 1
+	GtkEntry::state-hint = 0
+
+	GtkExpander::expander-size = 16
+
+	GtkImage::x-ayatana-indicator-dynamic = 1
+
+	GtkMenu::horizontal-padding = 0
+	GtkMenu::vertical-padding = 0
+
+	GtkMenuBar::internal-padding = 0
+	GtkMenuBar::window-dragging = 1
+
+	GtkMenuItem::arrow-scaling= 0.5
+
+	GtkPaned::handle-size = 1
+
+	GtkProgressBar::min-horizontal-bar-height = 12
+	GtkProgressBar::min-vertical-bar-width = 12
+
+	GtkRange::trough-border = 0
+	GtkRange::slider-width = 12
+	GtkRange::stepper-size = 12
+	GtkRange::stepper_spacing = 0
+	GtkRange::trough-under-steppers = 1
+
+	GtkScale::slider-length = 16
+	GtkScale::slider-width = 16
+	GtkScale::trough-side-details = 1
+
+	GtkScrollbar::activate-slider = 1
+	GtkScrollbar::has-backward-stepper = 0
+	GtkScrollbar::has-forward-stepper = 0
+	GtkScrollbar::has-secondary-backward-stepper = 0
+	GtkScrollbar::has-secondary-forward-stepper = 0
+	GtkScrollbar::min-slider-length = 80
+	GtkScrollbar::slider-width = 12
+	GtkScrollbar::trough-border = 0
+
+	GtkScrolledWindow::scrollbar-spacing = 0
+	GtkScrolledWindow::scrollbars-within-bevel = 1
+
+	GtkSeparatorMenuItem::horizontal-padding = 0
+
+	GtkToolbar::internal-padding = 0
+
+	GtkTreeView::expander-size = 11
+	GtkTreeView::vertical-separator = 0
+
+	GtkWidget::focus-line-width = 1
+	# The following line prevents the Firefox tabs
+	# from jumping a few pixels when you create a new tab
+	GtkWidget::focus-padding = 0
+
+	GtkWidget::wide-separators = 1
+	GtkWidget::separator-width = 1
+	GtkWidget::separator-height = 1
+
+	GtkWindow::resize-grip-height = 0
+	GtkWindow::resize-grip-width = 0
+
+	WnckTasklist::fade-overlay-rect = 0
+
+	GnomeHRef::link_color = @link_color
+	GtkHTML::link-color = @link_color
+ 	GtkIMHtmlr::hyperlink-color = @link_color
+	GtkIMHtml::hyperlink-color = @link_color
+	GtkWidget::link-color = @link_color
+	GtkWidget::visited-link-color = @text_color
+
+	GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified
+	GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified
+
+	xthickness = 1
+	ythickness = 1
+
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+
+	bg[NORMAL] = @bg_color
+	bg[PRELIGHT] = shade (1.02, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @bg_color)
+	bg[INSENSITIVE] = @bg_color
+
+	base[NORMAL] = @base_color
+	base[PRELIGHT] = shade (0.95, @base_color)
+	base[SELECTED] = @selected_bg_color
+	base[ACTIVE] = @selected_bg_color
+	base[INSENSITIVE] = shade (0.85, @base_color)
+
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @text_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+	engine "murrine" {
+		animation = FALSE
+		arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows
+		border_shades = { 1.0, 1.0 } # gradient to draw on border
+		border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) }
+		colorize_scrollbar = FALSE
+		comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow
+		contrast = 0.8 # overal contrast with borders
+		focusstyle = 3 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow
+		glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight
+		glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides
+		glow_shade = 1.0 # amount of glow
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets
+		highlight_shade = 1.0 # amount of highlight
+		lightborder_shade = 1.0 # amount of inset light border
+		lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
+		listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+		listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line
+		menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+		menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+		menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+		menustyle = 0 # 0 = none, 1 = vertical striped
+		progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped
+		reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient
+		roundness = 4 # roundness of widgets
+		scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+		sliderstyle = 0 # 0 = none, 1 = handles
+		stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles
+		toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
+   }
+}
+
+style "murrine-wide" {
+	xthickness = 2
+	ythickness = 2
+}
+
+style "murrine-wider" {
+	xthickness = 3
+	ythickness = 3
+}
+
+style "murrine-thin" {
+	xthickness = 0
+	ythickness = 0
+}
+
+# Notebook
+
+style "clearlooks-notebook-bg" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = shade (0.80, @bg_color)
+}
+
+style "clearlooks-notebook" = "clearlooks-notebook-bg" {
+	xthickness = 2
+	ythickness = 2
+
+	engine "clearlooks" {
+		radius = 0.1
+	}
+}
+
+# Various Standard Widgets
+
+style "murrine-button"  = "murrine-wider" {
+	bg[NORMAL] = @btn_bg_color
+	bg[PRELIGHT] = shade (1.10, @btn_bg_color)
+	bg[SELECTED] = mix (0.5, @selected_bg_color, @bg_color)
+	bg[ACTIVE] = shade (0.95, @btn_bg_color)
+	bg[INSENSITIVE] = shade (0.75, @btn_bg_color)
+    #xthickness = 4
+    #ythickness = 4
+
+	engine "murrine" {
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+		roundness = 4
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+	}
+}
+
+style "murrine-buttonlabel" {
+	fg[NORMAL] = @btn_fg_color
+	fg[PRELIGHT] = @btn_fg_color
+	fg[SELECTED] = @btn_fg_color
+	fg[ACTIVE] = @btn_fg_color
+    fg[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+    text[NORMAL] = @btn_fg_color
+    text[PRELIGHT] = @btn_fg_color
+    text[SELECTED] = @btn_fg_color
+    text[ACTIVE] = @btn_fg_color
+    text[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		roundness = 0
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+		trough_shades = { 0.97, 0.97 }
+		trough_border_shades = { 1.0, 1.0 }
+	}
+}
+
+style "murrine-overlay-scrollbar" {
+	bg[ACTIVE] = shade (0.8, @bg_color)
+	bg[INSENSITIVE] = shade (0.97, @bg_color)
+
+	base[SELECTED] = shade (0.6, @bg_color)
+	base[INSENSITIVE] = shade (0.85, @bg_color)
+}
+
+style "murrine-scale" = "murrine-thin" {
+	bg[NORMAL] = @btn_bg_color
+	bg[ACTIVE] = mix(0.2, @fg_color, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[INSENSITIVE] = mix(0.95, @bg_color, @btn_bg_color)
+
+	engine "murrine" {
+        roundness = 8
+		#roundness = 4
+		gradient_shades = { 1.08, 1.08, 1.08, 1.08 }
+		#border_shades = { 0.5, 0.5 }
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+        #trough_shades = { 1.08, 1.08 }
+        trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-progressbar" = "murrine-thin" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = mix(0.08, @bg_color, @base_color)
+
+	fg[PRELIGHT] = @selected_fg_color
+
+	engine "murrine" {
+		#roundness = 2
+		roundness = 4
+		border_shades = { 1.2, 1.2 }
+		trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-treeview-header" = "murrine-button" {
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix(0.20, @bg_color, @fg_color)
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-treeview" {
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-frame" = "murrine-wide" {
+	bg[NORMAL] = mix(0.08, @fg_color, @bg_color)
+}
+
+style "murrine-frame-title" {
+	fg[NORMAL] = lighter (@fg_color)
+}
+
+style "murrine-tooltips" {
+	xthickness = 5
+	ythickness = 5
+
+	bg[NORMAL] = @tooltip_bg_color
+	bg[SELECTED] = @tooltip_bg_color
+
+	fg[NORMAL] = @tooltip_fg_color
+
+	engine "murrine" {
+		textstyle = 0
+		roundness = 2
+		rgba = FALSE
+	}
+}
+
+style "murrine-spinbutton" = "murrine-button" {
+	engine "murrine" {
+	}
+}
+
+style "clearlooks-radiocheck" = "murrine-default" {
+	bg[SELECTED] = @base_color
+	bg[PRELIGHT] = @bg_color
+
+	text[NORMAL] = @accent_bg_color
+	text[PRELIGHT] = @accent_bg_color
+
+	engine "clearlooks" {
+		radius = 4.0
+	}
+}
+
+style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" {
+	bg[PRELIGHT] = @bg_color
+}
+
+style "clearlooks-radiocheck-label" = "clearlooks-radiocheck" {
+    fg[NORMAL] = @fg_color
+    fg[PRELIGHT] = @fg_color
+    fg[SELECTED] = @fg_color
+    fg[ACTIVE] = @fg_color
+    fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+style "murrine-entry" = "murrine-wider" {
+    text[NORMAL] = @text_color
+    text[PRELIGHT] = @text_color
+    text[SELECTED] = @text_color
+    text[ACTIVE] = @text_color
+    text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+	engine "murrine" {
+		#border_shades = { 1.15, 1.15 }
+        border_colors = { mix(0.22, @text_color, @base_color), mix(0.22, @text_color, @base_color) }
+		roundness = 4
+	}
+}
+
+style "metacity-frame" = "murrine-default" {
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "murrine-statusbar" { }
+style "murrine-comboboxentry" = "murrine-entry" { }
+style "murrine-hscale" = "murrine-scale" { }
+style "murrine-vscale" = "murrine-scale" { }
+style "murrine-hscrollbar" = "murrine-scrollbar" { }
+style "murrine-vscrollbar" = "murrine-scrollbar" { }
+
+# Menus
+
+style "murrine-menu" = "murrine-thin" {
+	bg[NORMAL] = @menu_bg_color
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[INSENSITIVE] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	text[NORMAL] = @menu_fg_color
+	text[PRELIGHT] = @selected_fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menu-item" = "murrine-wider" {
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		textstyle = 0
+		border_shades = { 1.2, 1.2 }
+	}
+}
+
+style "murrine-separator-menu-item" = "murrine-thin" { }
+
+style "murrine-menubar" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menubaritem" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+# Toolbars
+
+style "murrine-toolbar" = "murrine-thin" {
+	bg[NORMAL] = @toolbar_bg_color
+	bg[PRELIGHT] = shade (1.02, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @toolbar_bg_color)
+	bg[INSENSITIVE] = @toolbar_bg_color
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton" = "murrine-button" {
+	bg[NORMAL] = shade (1.08, @toolbar_bg_color)
+	bg[PRELIGHT] = shade (1.10, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.95, @toolbar_bg_color)
+	bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color)
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton-label" = "murrine-toolbutton" {
+    fg[NORMAL] = @toolbar_fg_color
+    fg[PRELIGHT] = @toolbar_fg_color
+    fg[SELECTED] = @selected_fg_color
+    fg[ACTIVE] = @toolbar_fg_color
+    fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+    engine "murrine" {
+    }
+}
+
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkHandleBox" style "murrine-toolbar"
+widget_class "*Toolbar*.*Separator*" style "murrine-toolbar"
+
+# Panels
+
+style "murrine-panel" = "murrine-thin" {
+	xthickness = 2
+
+	bg[NORMAL] = @panel_bg_color
+	bg[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[ACTIVE] = shade (0.8, @panel_bg_color)
+	bg[INSENSITIVE] = @panel_bg_color
+
+	fg[NORMAL] = @panel_fg_color
+	fg[PRELIGHT] = shade (1.08, @panel_fg_color)
+	fg[SELECTED] = shade (1.08, @panel_fg_color)
+	fg[ACTIVE] = @panel_fg_color
+	fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	base[NORMAL] = @panel_bg_color
+	base[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[ACTIVE] = shade (0.9, @panel_bg_color)
+	base[INSENSITIVE] = @panel_bg_color
+
+	text[NORMAL] = @panel_fg_color
+	text[PRELIGHT] = shade (1.08, @panel_fg_color)
+	text[SELECTED] = shade (1.08, @panel_fg_color)
+	text[ACTIVE] = @panel_fg_color
+	text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+		contrast = 0.0
+	}
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+# LXPanel (code based on Lubuntu-default theme's gtkrc file)
+widget "*.tclock.*" style "murrine-panel"
+widget "*.taskbar.*" style "murrine-panel"
+widget_class "*GtkBgbox*" style "murrine-panel"
+
+style "bold-panel-item" {
+	font_name = "Bold"
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+	bg[ACTIVE] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+	bg[NORMAL] = shade (0.9, @bg_color)
+	base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+	bg[NORMAL] = @base_color
+	fg[INSENSITIVE] = shade (0.95, @base_color)
+	text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+	XfdesktopIconView::label-alpha = 0
+	XfdesktopIconView::selected-label-alpha = 60
+	XfdesktopIconView::shadow-x-offset = 0
+	XfdesktopIconView::shadow-y-offset = 1
+	XfdesktopIconView::selected-shadow-x-offset = 0
+	XfdesktopIconView::selected-shadow-y-offset = 1
+	XfdesktopIconView::shadow-color = @fg_color
+	XfdesktopIconView::selected-shadow-color = @fg_color
+	XfdesktopIconView::shadow-blur-radius = 2
+	XfdesktopIconView::cell-spacing = 2
+	XfdesktopIconView::cell-padding = 6
+	XfdesktopIconView::cell-text-width-proportion = 1.9
+
+	fg[NORMAL] = @bg_color
+	fg[ACTIVE] = @bg_color
+
+}
+
+style "xfwm-tabwin" {
+	Xfwm4TabwinWidget::border-width = 1
+        Xfwm4TabwinWidget::border-alpha = 1.0
+	Xfwm4TabwinWidget::icon-size = 64
+        Xfwm4TabwinWidget::alpha = 1.0
+        Xfwm4TabwinWidget::border-radius = 2
+
+	bg[NORMAL] = @menu_bg_color
+	bg[SELECTED] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+	}
+}
+
+style "xfwm-tabwin-button" {
+        font_name = "bold"
+
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfsm-logout" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[PRELIGHT] = shade (1.1, @menu_bg_color)
+	bg[SELECTED] = shade (0.5, @menu_bg_color)
+	bg[INSENSITIVE] = shade (1.3, @menu_bg_color)
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+
+	text[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+	}
+}
+
+style "xfsm-logout-button" {
+	bg[NORMAL] = shade (1.2, @menu_bg_color)
+	bg[PRELIGHT] = shade (1.4, @menu_bg_color)
+
+	engine "murrine" {
+	}
+}
+
+widget "*Pager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+# Thunar Styles
+
+style "sidepane" {
+	base[NORMAL] = @bg_color
+	base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color))
+	bg[NORMAL] = @bg_color
+	text[NORMAL] = mix (0.9, @fg_color, @bg_color)
+}
+
+widget_class "*ThunarShortcutsView*" style "sidepane"
+widget_class "*ThunarTreeView*" style "sidepane"
+widget_class "*ThunarLocationEntry*" style "murrine-entry"
+
+style "whiskermenu" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[PRELIGHT] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[ACTIVE] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+}
+
+style "whiskermenu-scrollbar" = "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		trough_shades = { 4.97, 4.97 }
+		trough_border_shades = { 5.0, 5.0 }
+	}
+}
+
+widget "whiskermenu-window*" style "whiskermenu"
+widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar"
+
+# Gtk2 Open-File Dialog
+
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane"
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+
+# Google Chrome/Chromium Styles (requires 9.0.597 or newer)
+
+style "chromium-toolbar-button" {
+	engine "murrine" {
+		roundness = 2
+		textstyle = 0
+	}
+}
+
+style "chrome-gtk-frame" {
+	ChromeGtkFrame::frame-color = @titlebar_bg_color
+	ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::frame-gradient-size = 0
+	ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
+	ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-gradient-size = 0
+	ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::scrollbar-trough-color = @bg_color
+	ChromeGtkFrame::scrollbar-slider-normal-color =  mix (0.21, @fg_color, @bg_color)
+	ChromeGtkFrame::scrollbar-slider-prelight-color =  mix (0.31, @fg_color, @bg_color)
+}
+
+class "ChromeGtkFrame" style "chrome-gtk-frame"
+
+widget_class "*Chrom*Button*" style "chromium-toolbar-button"
+
+# General Styles
+
+class "GtkWidget" style "murrine-default"
+
+class "GtkFrame" style "murrine-frame"
+class "MetaFrames" style "metacity-frame"
+class "GtkWindow" style "metacity-frame"
+
+class "GtkSeparator" style "murrine-wide"
+class "GtkCalendar" style "murrine-wide"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+class "GtkEntry" style "murrine-entry"
+
+widget_class "*<GtkNotebook>" style "clearlooks-notebook"
+widget_class "*<GtkNotebook>*<GtkEventBox>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkLayout>" style "clearlooks-notebook-bg"
+widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook"
+
+widget_class "*<GtkButton>" style "murrine-button"
+widget_class "*<GtkStatusbar>*" style "murrine-statusbar"
+widget_class "*<GtkProgress>" style "murrine-progressbar"
+widget_class "*<GtkProgressBar>" style "murrine-progressbar"
+
+widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry"
+widget_class "*<GtkCombo>*" style "murrine-comboboxentry"
+
+widget_class "*<GtkMenu>*" style "murrine-menu"
+widget_class "*<GtkMenuItem>*" style "murrine-menu-item"
+widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item"
+widget_class "*Menu*.*Sepa*"  style "murrine-separator-menu-item"
+widget_class "*<GtkMenuBar>*" style "murrine-menubar"
+widget_class "*<GtkMenuBar>*<GtkMenuItem>*" style "murrine-menubaritem"
+
+widget_class "*GtkToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToggleToolButton*" style "murrine-toolbutton"
+widget_class "*GtkMenuToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToolbar*Button" style "murrine-toolbutton"
+
+widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title"
+
+widget_class "*.<GtkTreeView>*" style "murrine-treeview"
+widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header"
+
+widget_class "*.<GtkCheckButton>" style "clearlooks-radiocheck"
+widget_class "*<GtkNotebook>.*.<GtkCheckButton>" style "clearlooks-base-radiocheck"
+widget_class "*<GtkCellRendererToggle>" style "clearlooks-base-radiocheck"
+
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+widget_class "*<GtkScrolledWindow>*<OsScrollbar>" style "murrine-overlay-scrollbar"
+
+# Workarounds and Non-Standard Styling
+
+style "text-is-fg-color-workaround" {
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @fg_color
+	text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+widget_class "*.<GtkComboBox>.<GtkCellView>" style "text-is-fg-color-workaround"
+
+style "fg-is-text-color-workaround" {
+	fg[NORMAL] = @text_color
+	fg[PRELIGHT] = @text_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[INSENSITIVE] = darker (@fg_color)
+}
+
+widget_class "*<GtkListItem>*" style "fg-is-text-color-workaround"
+widget_class "*<GtkCList>" style "fg-is-text-color-workaround"
+widget_class "*<EelEditableLabel>" style "fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround" {
+	engine "murrine" {
+		toolbarstyle = 0
+	}
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+style "inkscape-toolbar-fix" {
+	engine "murrine" {
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+		highlight_shade = 1.0
+	}
+}
+
+#widget "*GtkHandleBox*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix"
+
+# Performance Fixes
+
+style "performance-fix" {
+	engine "murrine" {
+		textstyle = 0
+	}
+}
+
+widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape
+widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp
+widget_class "*GimpToolbox*" style "performance-fix"
+widget_class "*GimpMenuDock*" style "performance-fix"
+widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice
+widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.)
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button"
+
+# button fg workarounds:
+widget_class "*.<GtkButton>.<GtkLabel>" style "murrine-buttonlabel"
+widget_class "*<GtkButton>*<GtkLabel>*" style:highest "murrine-buttonlabel"
+widget_class "*<GtkCheckButton>*<GtkLabel>*" style:highest "clearlooks-radiocheck-label"
+widget_class "*<GtkComboBoxText>*" style "murrine-buttonlabel"
+widget_class "*<GtkComboBoxText>*<GtkToggleButton>*" style "murrine-buttonlabel"
+widget_class "*<GtkComboBoxText>*<GtkEntry>*" style:highest "murrine-entry"
+widget_class "*<GtkToolbar>*<GtkToolButton>*<GtkLabel>*" style:highest "murrine-toolbutton-label"
diff --git a/Material/files/Material/config/Palenight-B/gtk-2.0/gtkrc.hidpi b/Material/files/Material/config/Palenight-B/gtk-2.0/gtkrc.hidpi
new file mode 100644
index 000000000..a23b64b27
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/gtk-2.0/gtkrc.hidpi
@@ -0,0 +1,995 @@
+# Oomox GTK Theme (Numix Fork)
+
+gtk-color-scheme =
+"base_color:#292D3E\nbg_color:#292D3E\ntooltip_bg_color:#292D3E\nselected_bg_color:#717CB4\ntext_color:#EEFFFF\nfg_color:#EEFFFF\ntooltip_fg_color:#EEFFFF\nselected_fg_color:#EEFFFF\nmenubar_bg_color:#292D3E\nmenubar_fg_color:#EEFFFF\ntoolbar_bg_color:#292D3E\ntoolbar_fg_color:#EEFFFF\nmenu_bg_color:#292D3E\nmenu_fg_color:#EEFFFF\npanel_bg_color:#292D3E\npanel_fg_color:#EEFFFF\nlink_color:#077fdb\nbtn_bg_color:#232637\nbtn_fg_color:#fafafa\ntitlebar_bg_color:#292D3E\ntitlebar_fg_color:#EEFFFF\nprimary_caret_color:#EEFFFF\nsecondary_caret_color:#EEFFFF\naccent_bg_color:#AB47BC\n"
+# Default Style
+
+style "murrine-default" {
+	GtkArrow::arrow-scaling= 1.0
+
+	GtkButton::child-displacement-x = 0
+	GtkButton::child-displacement-y = 0
+
+	#GtkButton::default-border = { 0, 0, 0, 0 }
+    GtkButton::inner-border        = { 0, 0, 1, 0 }
+    GtkButton::focus-line-width    = 2
+    #GtkButton::focus-padding       = 4
+    GtkButton::focus-padding       = 2
+    #GtkButton::interior-focus = 1
+
+    GtkEntry::inner-border        = { 4, 4, 5, 4 }
+    GtkComboBox::inner-border        = { 4, 4, 6, 5 }
+    GtkComboBoxText::inner-border        = { 4, 4, 6, 5 }
+
+	#GtkButtonBox::child-min-height = 52
+
+	GtkCheckButton::indicator-size = 30
+
+	# The following line hints to gecko (and possibly other appliations)
+	# that the entry should be drawn transparently on the canvas.
+	# Without this, gecko will fill in the background of the entry.
+	GtkEntry::honors-transparent-bg-hint = 1
+	GtkEntry::state-hint = 0
+
+	GtkExpander::expander-size = 30
+
+	GtkImage::x-ayatana-indicator-dynamic = 1
+
+	GtkMenu::horizontal-padding = 2
+	GtkMenu::vertical-padding = 2
+
+	GtkMenuBar::internal-padding = 1
+	GtkMenuBar::window-dragging = 1
+
+	GtkMenuItem::arrow-scaling= 0.5
+
+	GtkPaned::handle-size = 1
+
+	GtkProgressBar::min-horizontal-bar-height = 14
+	GtkProgressBar::min-vertical-bar-width = 14
+
+	GtkRange::trough-border = 0
+	GtkRange::slider-width = 24
+	GtkRange::stepper-size = 24
+	GtkRange::stepper_spacing = 0
+	GtkRange::trough-under-steppers = 1
+
+	GtkScale::slider-length = 30
+	GtkScale::slider-width = 30
+	GtkScale::trough-side-details = 1
+
+	GtkScrollbar::activate-slider = 1
+	GtkScrollbar::has-backward-stepper = 0
+	GtkScrollbar::has-forward-stepper = 0
+	GtkScrollbar::has-secondary-backward-stepper = 0
+	GtkScrollbar::has-secondary-forward-stepper = 0
+	GtkScrollbar::min-slider-length = 160
+	GtkScrollbar::slider-width = 24
+	GtkScrollbar::trough-border = 0
+
+	GtkScrolledWindow::scrollbar-spacing = 0
+	GtkScrolledWindow::scrollbars-within-bevel = 1
+
+	GtkSeparatorMenuItem::horizontal-padding = 0
+
+	GtkToolbar::internal-padding = 0
+
+	GtkTreeView::expander-size = 22
+	GtkTreeView::vertical-separator = 0
+
+	GtkWidget::focus-line-width = 2
+	# The following line prevents the Firefox tabs
+	# from jumping a few pixels when you create a new tab
+	GtkWidget::focus-padding = 0
+
+	GtkWidget::wide-separators = 1
+	GtkWidget::separator-width = 2
+	GtkWidget::separator-height = 2
+
+	GtkWindow::resize-grip-height = 2
+	GtkWindow::resize-grip-width = 2
+
+	WnckTasklist::fade-overlay-rect = 0
+
+	GnomeHRef::link_color = @link_color
+	GtkHTML::link-color = @link_color
+ 	GtkIMHtmlr::hyperlink-color = @link_color
+	GtkIMHtml::hyperlink-color = @link_color
+	GtkWidget::link-color = @link_color
+	GtkWidget::visited-link-color = @text_color
+
+	GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified
+	GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified
+
+	xthickness = 2
+	ythickness = 2
+
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+
+	bg[NORMAL] = @bg_color
+	bg[PRELIGHT] = shade (1.02, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @bg_color)
+	bg[INSENSITIVE] = @bg_color
+
+	base[NORMAL] = @base_color
+	base[PRELIGHT] = shade (0.95, @base_color)
+	base[SELECTED] = @selected_bg_color
+	base[ACTIVE] = @selected_bg_color
+	base[INSENSITIVE] = shade (0.85, @base_color)
+
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @text_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+	engine "murrine" {
+		animation = FALSE
+		arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows
+		border_shades = { 1.0, 1.0 } # gradient to draw on border
+		border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) }
+		colorize_scrollbar = FALSE
+		comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow
+		contrast = 0.8 # overal contrast with borders
+		focusstyle = 3 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow
+		glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight
+		glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides
+		glow_shade = 1.0 # amount of glow
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets
+		highlight_shade = 1.0 # amount of highlight
+		lightborder_shade = 1.0 # amount of inset light border
+		lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
+		listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+		listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line
+		menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+		menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+		menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+		menustyle = 0 # 0 = none, 1 = vertical striped
+		progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped
+		reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient
+		roundness = 8# roundness of widgets
+		scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+		sliderstyle = 0 # 0 = none, 1 = handles
+		stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles
+		toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
+   }
+}
+
+style "murrine-wide" {
+	xthickness = 6
+	ythickness = 6
+}
+
+style "murrine-wider" {
+	xthickness = 10
+	ythickness = 10
+}
+
+style "murrine-thin" {
+	xthickness = 1
+	ythickness = 1
+}
+
+# Notebook
+
+style "clearlooks-notebook-bg" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = shade (0.80, @bg_color)
+}
+
+style "clearlooks-notebook" = "clearlooks-notebook-bg" {
+	xthickness = 8
+	ythickness = 4
+
+	engine "clearlooks" {
+		radius = 0.1
+	}
+}
+
+# Various Standard Widgets
+
+style "murrine-button"  = "murrine-wider" {
+	bg[NORMAL] = @btn_bg_color
+	bg[PRELIGHT] = shade (1.04, @btn_bg_color)
+	bg[SELECTED] = mix (0.5, @selected_bg_color, @bg_color)
+	bg[ACTIVE] = shade (0.95, @btn_bg_color)
+	bg[INSENSITIVE] = shade (0.75, @btn_bg_color)
+    xthickness = 10
+    ythickness = 10
+    #xthickness = 5
+    #ythickness = 5
+
+	engine "murrine" {
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+		roundness = 8
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+	}
+}
+
+style "murrine-buttonlabel" {
+	fg[NORMAL] = @btn_fg_color
+	fg[PRELIGHT] = @btn_fg_color
+	fg[SELECTED] = @btn_fg_color
+	fg[ACTIVE] = @btn_fg_color
+    fg[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+    text[NORMAL] = @btn_fg_color
+    text[PRELIGHT] = @btn_fg_color
+    text[SELECTED] = @btn_fg_color
+    text[ACTIVE] = @btn_fg_color
+    text[INSENSITIVE] = @btn_fg_color
+    text[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-comboboxtext" = "murrine-buttonlabel" {
+    xthickness = 10
+    ythickness = 10
+}
+
+style "murrine-togglebutton" = "murrine-buttonlabel" {
+    xthickness = 10
+    ythickness = 10
+}
+
+style "murrine-radiocheck" = "murrine-togglebutton" {
+	text[NORMAL] = @accent_bg_color
+	text[PRELIGHT] = @accent_bg_color
+}
+
+style "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		roundness = 8
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+		trough_shades = { 0.97, 0.97 }
+		trough_border_shades = { 1.0, 1.0 }
+	}
+}
+
+style "murrine-overlay-scrollbar" {
+	bg[ACTIVE] = shade (0.8, @bg_color)
+	bg[INSENSITIVE] = shade (0.97, @bg_color)
+
+	base[SELECTED] = shade (0.6, @bg_color)
+	base[INSENSITIVE] = shade (0.85, @bg_color)
+}
+
+style "murrine-scale" = "murrine-thin" {
+	bg[NORMAL] = @btn_bg_color
+	bg[ACTIVE] = mix(0.2, @fg_color, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[INSENSITIVE] = mix(0.95, @bg_color, @btn_bg_color)
+
+	engine "murrine" {
+        roundness = 25
+		#roundness = 8
+		gradient_shades = { 1.08, 1.08, 1.08, 1.08 }
+		#border_shades = { 0.5, 0.5 }
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+        #trough_shades = { 1.08, 1.08 }
+        trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-progressbar" = "murrine-thin" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = mix(0.08, @bg_color, @base_color)
+
+	fg[PRELIGHT] = @selected_fg_color
+
+	engine "murrine" {
+		roundness = 8
+		border_shades = { 1.2, 1.2 }
+		trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-treeview-header" = "murrine-button" {
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix(0.20, @bg_color, @fg_color)
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-treeview" {
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-frame" = "murrine-wide" {
+	bg[NORMAL] = mix(0.08, @fg_color, @bg_color)
+}
+
+style "murrine-frame-title" {
+	fg[NORMAL] = lighter (@fg_color)
+}
+
+style "murrine-tooltips" {
+	xthickness = 10
+	ythickness = 10
+
+	bg[NORMAL] = @tooltip_bg_color
+	bg[SELECTED] = @tooltip_bg_color
+
+	fg[NORMAL] = @tooltip_fg_color
+
+	engine "murrine" {
+		textstyle = 0
+		roundness = 8
+		rgba = FALSE
+	}
+}
+
+style "murrine-spinbutton" = "murrine-button" {
+    xthickness = 10
+    ythickness = 10
+	engine "murrine" {
+	}
+}
+
+style "clearlooks-radiocheck" = "murrine-default" {
+	bg[SELECTED] = @base_color
+	bg[PRELIGHT] = @bg_color
+
+	text[NORMAL] = @accent_bg_color
+	text[PRELIGHT] = @accent_bg_color
+
+	engine "clearlooks" {
+		radius = 8.0
+	}
+}
+
+style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" {
+	bg[PRELIGHT] = @bg_color
+}
+
+style "clearlooks-radiocheck-label" = "clearlooks-radiocheck" {
+    fg[NORMAL] = @fg_color
+    fg[PRELIGHT] = @fg_color
+    fg[SELECTED] = @fg_color
+    fg[ACTIVE] = @fg_color
+    fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+style "murrine-entry" = "murrine-wider" {
+    text[NORMAL] = @text_color
+    text[PRELIGHT] = @text_color
+    text[SELECTED] = @text_color
+    text[ACTIVE] = @text_color
+    text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+	xthickness = 10
+	ythickness = 10
+	engine "murrine" {
+		#border_shades = { 1.15, 1.15 }
+		border_colors = { mix(0.22, @text_color, @base_color), mix(0.22, @text_color, @base_color) }
+		roundness = 8
+	}
+}
+
+style "metacity-frame" = "murrine-default" {
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "murrine-statusbar" { }
+style "murrine-comboboxentry" = "murrine-entry" { }
+style "murrine-hscale" = "murrine-scale" { }
+style "murrine-vscale" = "murrine-scale" { }
+style "murrine-hscrollbar" = "murrine-scrollbar" { }
+style "murrine-vscrollbar" = "murrine-scrollbar" { }
+
+# Menus
+
+style "murrine-menu" = "murrine-thin" {
+	bg[NORMAL] = @menu_bg_color
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[INSENSITIVE] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	text[NORMAL] = @menu_fg_color
+	text[PRELIGHT] = @selected_fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menu-item" = "murrine-wider" {
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		textstyle = 0
+		border_shades = { 1.2, 1.2 }
+	}
+}
+
+style "murrine-separator-menu-item" = "murrine-thin" { }
+
+style "murrine-menubar" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menubaritem" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+# Toolbars
+
+style "murrine-toolbar" = "murrine-thin" {
+	bg[NORMAL] = @toolbar_bg_color
+	bg[PRELIGHT] = shade (1.02, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @toolbar_bg_color)
+	bg[INSENSITIVE] = @toolbar_bg_color
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton" = "murrine-button" {
+	bg[NORMAL] = shade (1.08, @toolbar_bg_color)
+	bg[PRELIGHT] = shade (1.10, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.95, @toolbar_bg_color)
+	bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color)
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton-label" = "murrine-toolbutton" {
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkHandleBox" style "murrine-toolbar"
+widget_class "*Toolbar*.*Separator*" style "murrine-toolbar"
+
+# Panels
+
+style "murrine-panel" = "murrine-thin" {
+	xthickness = 2
+
+	bg[NORMAL] = @panel_bg_color
+	bg[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[ACTIVE] = shade (0.8, @panel_bg_color)
+	bg[INSENSITIVE] = @panel_bg_color
+
+	fg[NORMAL] = @panel_fg_color
+	fg[PRELIGHT] = shade (1.08, @panel_fg_color)
+	fg[SELECTED] = shade (1.08, @panel_fg_color)
+	fg[ACTIVE] = @panel_fg_color
+	fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	base[NORMAL] = @panel_bg_color
+	base[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[ACTIVE] = shade (0.9, @panel_bg_color)
+	base[INSENSITIVE] = @panel_bg_color
+
+	text[NORMAL] = @panel_fg_color
+	text[PRELIGHT] = shade (1.08, @panel_fg_color)
+	text[SELECTED] = shade (1.08, @panel_fg_color)
+	text[ACTIVE] = @panel_fg_color
+	text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+		contrast = 0.0
+	}
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+# LXPanel (code based on Lubuntu-default theme's gtkrc file)
+widget "*.tclock.*" style "murrine-panel"
+widget "*.taskbar.*" style "murrine-panel"
+widget_class "*GtkBgbox*" style "murrine-panel"
+
+style "bold-panel-item" {
+	font_name = "Bold"
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+	bg[ACTIVE] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+	bg[NORMAL] = shade (0.9, @bg_color)
+	base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+	bg[NORMAL] = @base_color
+	fg[INSENSITIVE] = shade (0.95, @base_color)
+	text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+       XfdesktopIconView::label-alpha = 0
+       XfdesktopIconView::selected-label-alpha = 60
+       XfdesktopIconView::shadow-x-offset = 0
+       XfdesktopIconView::shadow-y-offset = 1
+       XfdesktopIconView::selected-shadow-x-offset = 0
+       XfdesktopIconView::selected-shadow-y-offset = 1
+       XfdesktopIconView::shadow-color = @fg_color
+       XfdesktopIconView::selected-shadow-color = @fg_color
+       XfdesktopIconView::shadow-blur-radius = 2
+       XfdesktopIconView::cell-spacing = 2
+       XfdesktopIconView::cell-padding = 6
+       XfdesktopIconView::cell-text-width-proportion = 1.9
+
+       fg[NORMAL] = @bg_color
+       fg[ACTIVE] = @bg_color
+
+}
+
+style "xfwm-tabwin" {
+	Xfwm4TabwinWidget::border-width = 1
+        Xfwm4TabwinWidget::border-alpha = 1.0
+	Xfwm4TabwinWidget::icon-size = 64
+        Xfwm4TabwinWidget::alpha = 1.0
+        Xfwm4TabwinWidget::border-radius = 2
+
+	bg[NORMAL] = @menu_bg_color
+	bg[SELECTED] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+	}
+}
+
+style "xfwm-tabwin-button" {
+        font_name = "bold"
+
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfsm-logout" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[PRELIGHT] = shade (1.1, @menu_bg_color)
+	bg[SELECTED] = shade (0.5, @menu_bg_color)
+	bg[INSENSITIVE] = shade (1.3, @menu_bg_color)
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+
+	text[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+	}
+}
+
+style "xfsm-logout-button" {
+	bg[NORMAL] = shade (1.2, @menu_bg_color)
+	bg[PRELIGHT] = shade (1.4, @menu_bg_color)
+
+	engine "murrine" {
+	}
+}
+
+widget "*Pager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+# Thunar Styles
+
+style "sidepane" {
+	base[NORMAL] = @bg_color
+	base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color))
+	bg[NORMAL] = @bg_color
+	text[NORMAL] = mix (0.9, @fg_color, @bg_color)
+}
+
+widget_class "*ThunarShortcutsView*" style "sidepane"
+widget_class "*ThunarTreeView*" style "sidepane"
+widget_class "*ThunarLocationEntry*" style "murrine-entry"
+
+style "whiskermenu" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[PRELIGHT] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[ACTIVE] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+}
+
+style "whiskermenu-scrollbar" = "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		trough_shades = { 4.97, 4.97 }
+		trough_border_shades = { 5.0, 5.0 }
+	}
+}
+
+widget "whiskermenu-window*" style "whiskermenu"
+widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar"
+
+# Gtk2 Open-File Dialog
+
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane"
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+
+# Google Chrome/Chromium Styles (requires 9.0.597 or newer)
+
+style "chromium-toolbar-button" {
+	engine "murrine" {
+		roundness = 8
+		textstyle = 0
+	}
+}
+
+style "chrome-gtk-frame" {
+	ChromeGtkFrame::frame-color = @titlebar_bg_color
+	ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::frame-gradient-size = 0
+	ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
+	ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-gradient-size = 0
+	ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::scrollbar-trough-color = @bg_color
+	ChromeGtkFrame::scrollbar-slider-normal-color =  mix (0.21, @fg_color, @bg_color)
+	ChromeGtkFrame::scrollbar-slider-prelight-color =  mix (0.31, @fg_color, @bg_color)
+}
+
+class "ChromeGtkFrame" style "chrome-gtk-frame"
+
+widget_class "*Chrom*Button*" style "chromium-toolbar-button"
+
+# General Styles
+
+class "GtkWidget" style "murrine-default"
+
+class "GtkFrame" style "murrine-frame"
+class "MetaFrames" style "metacity-frame"
+class "GtkWindow" style "metacity-frame"
+
+class "GtkSeparator" style "murrine-wide"
+class "GtkCalendar" style "murrine-wide"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+class "GtkEntry" style "murrine-entry"
+
+widget_class "*<GtkNotebook>" style "clearlooks-notebook"
+widget_class "*<GtkNotebook>*<GtkEventBox>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkLayout>" style "clearlooks-notebook-bg"
+widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook"
+
+widget_class "*<GtkButton>" style "murrine-button"
+widget_class "*<GtkStatusbar>*" style "murrine-statusbar"
+widget_class "*<GtkProgress>" style "murrine-progressbar"
+widget_class "*<GtkProgressBar>" style "murrine-progressbar"
+
+widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry"
+widget_class "*<GtkCombo>*" style "murrine-comboboxentry"
+
+widget_class "*<GtkMenu>*" style "murrine-menu"
+widget_class "*<GtkMenuItem>*" style "murrine-menu-item"
+widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item"
+widget_class "*Menu*.*Sepa*"  style "murrine-separator-menu-item"
+widget_class "*<GtkMenuBar>*" style "murrine-menubar"
+widget_class "*<GtkMenuBar>*<GtkMenuItem>*" style "murrine-menubaritem"
+
+widget_class "*GtkToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToggleToolButton*" style "murrine-toolbutton"
+widget_class "*GtkMenuToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToolbar*Button" style "murrine-toolbutton"
+
+widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title"
+
+widget_class "*.<GtkTreeView>*" style "murrine-treeview"
+widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header"
+
+widget_class "*.<GtkCheckButton>" style "clearlooks-radiocheck"
+widget_class "*<GtkNotebook>.*.<GtkCheckButton>" style "clearlooks-base-radiocheck"
+widget_class "*<GtkCellRendererToggle>" style "clearlooks-base-radiocheck"
+
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+widget_class "*<GtkScrolledWindow>*<OsScrollbar>" style "murrine-overlay-scrollbar"
+
+# Workarounds and Non-Standard Styling
+
+style "text-is-fg-color-workaround" {
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @fg_color
+	text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+widget_class "*.<GtkComboBox>.<GtkCellView>" style "text-is-fg-color-workaround"
+
+style "fg-is-text-color-workaround" {
+	fg[NORMAL] = @text_color
+	fg[PRELIGHT] = @text_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[INSENSITIVE] = darker (@fg_color)
+}
+
+widget_class "*<GtkListItem>*" style "fg-is-text-color-workaround"
+widget_class "*<GtkCList>" style "fg-is-text-color-workaround"
+widget_class "*<EelEditableLabel>" style "fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround" {
+	engine "murrine" {
+		toolbarstyle = 0
+	}
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+style "inkscape-toolbar-fix" {
+	engine "murrine" {
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+		highlight_shade = 1.0
+	}
+}
+
+#widget "*GtkHandleBox*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix"
+
+
+
+
+style "gimp-default-style" {
+# Uncommenting this line allows to set a different (smaller) font for GIMP.
+#
+# font_name = "sans 8"
+# Enabling the following line for some reason breaks toolbox resize
+# increment calculation. You can enable it to get an even smaller GUI
+# but need to restart GIMP after the theme change.
+#
+# GtkWidget::focus-padding         = 0
+  GtkOptionMenu::indicator-size    = { 15, 25 }
+  GtkOptionMenu::indicator-spacing = { 10, 8, 4, 4 }
+  GtkPaned::handle-size             = 5
+  GimpDockWindow::default-height    = 600
+  GimpDock::font-scale              = 1.0
+  GimpMenuDock::minimal-width       = 400
+  GimpToolPalette::tool-icon-size   = large-toolbar
+  GimpToolPalette::button-relief    = none
+  GimpDockbook::tab-border          = 0
+  GimpDockbook::tab-icon-size       = button
+  GimpColorNotebook::tab-border     = 0
+  GimpColorNotebook::tab-icon-size  = button
+  GimpDeviceEditor::handle-size     = 30
+  GimpDockable::content-border      = 1
+  GimpEditor::content-spacing       = 1
+  GimpEditor::button-spacing        = 1
+  GimpEditor::button-icon-size      = button
+  GimpDataEditor::minimal-height    = 150
+  GimpFrame::label-spacing          = 5
+  GtkDialog::content-area-border    = 2
+  GtkDialog::button-spacing         = 20
+  GtkDialog::action-area-border     = 25
+  GimpUnitComboBox::appears-as-list = 0
+}
+
+class "GtkWidget" style "gimp-default-style"
+style "gimp-tool-dialog-style" = "gimp-default-style"
+{
+  GtkDialog::action-area-border = 6
+}
+class "GimpToolDialog" style "gimp-tool-dialog-style"
+style "gimp-grid-view-style" = "gimp-default-style"
+{
+  bg[NORMAL] = { 1.0, 1.0, 1.0 }
+}
+widget "*GimpContainerGridView*GtkViewport*" style "gimp-grid-view-style"
+style "gimp-dockable-style" = "gimp-default-style"
+{
+  GimpFrame::label-bold       = 0
+  GtkButton::focus-line_width = 1
+  GtkButton::focus-padding    = 0
+}
+widget "*GimpDockable.*" style "gimp-dockable-style"
+style "gimp-display-style" = "gimp-default-style"
+{
+  GimpRuler::font-scale          = 1.0
+  GimpUnitComboBox::label-scale  = 1.0
+  GimpScaleComboBox::label-scale = 1.0
+  GtkComboBox::arrow-size        = 20
+  GtkButton::inner-border        = { 0, 0, 0, 0 }
+  GtkButton::focus-line-width    = 0
+  GtkButton::focus-padding       = 0
+}
+widget "*GimpDisplayShell.*" style "gimp-display-style"
+style "gimp-overlay-style" = "gimp-display-style"
+{
+  GtkButton::focus-line_width = 2
+}
+widget_class "*<GimpOverlayFrame>*" style "gimp-overlay-style"
+
+
+
+
+# Performance Fixes
+
+style "performance-fix" {
+	engine "murrine" {
+		textstyle = 0
+	}
+}
+
+widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape
+widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp
+widget_class "*GimpToolbox*" style "performance-fix"
+widget_class "*GimpMenuDock*" style "performance-fix"
+widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice
+widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.)
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button"
+
+
+# button fg workarounds:
+widget_class "*.<GtkButton>.<GtkLabel>" style "murrine-buttonlabel"
+widget_class "*<GtkButton>*<GtkLabel>*" style:highest "murrine-buttonlabel"
+widget_class "*<GtkCheckButton>*<GtkLabel>*" style:highest "clearlooks-radiocheck-label"
+widget_class "*<GtkComboBoxText>*" style "murrine-comboboxtext"
+widget_class "*<GtkToggleButton>*" style "murrine-togglebutton"
+widget_class "*.<GtkCheckButton>" style "murrine-radiocheck"
+widget_class "*<GtkComboBoxText>*<GtkEntry>*" style:highest "murrine-entry"
+widget_class "*<GtkToolbar>*<GtkToolButton>*<GtkLabel>*" style:highest "murrine-toolbutton-label"
diff --git a/Material/files/Material/config/Palenight-B/gtk-3.0/gtk-dark.css b/Material/files/Material/config/Palenight-B/gtk-3.0/gtk-dark.css
new file mode 100644
index 000000000..346dce802
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/gtk-3.0/gtk-dark.css
@@ -0,0 +1,11465 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #292d3e;
+/* text widgets and the like base background color */
+@define-color theme_base_color #292d3e;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #292d3e;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #202331;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #292d3e;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #292d3e;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #292d3e;
+@define-color wm_unfocused_bg #292d3e;
+@define-color wm_button_close_icon #292d3e;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #292d3e;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #292d3e;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #292d3e;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #292d3e;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #292d3e;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #292d3e;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #292d3e;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #292d3e;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #e2e9e9 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #e2e9e9 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #f28b82;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #e2e9e9;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #eeffff;
+  background-color: #414868;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #16161e;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #202331;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #16161e;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #292d3e;
+}
+
+textview border {
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+.dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f28b82;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #fdd633;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #f28b82;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #fdd633;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #292d3e;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #eeffff;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(154, 165, 206, 0.9844);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(154, 165, 206, 0.7844);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f28b82;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.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;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar 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.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+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 {
+  color: #2196f3;
+}
+
+*:visited {
+  color: #ce93d8;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #2196f3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #ce93d8;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #292d3e;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+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(238, 255, 255, 0.12);
+  background-color: #202331;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar stackswitcher {
+  border: 2px solid #e2e9e9;
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: #292d3e;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.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 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.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: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 10px 20px;
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 20px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #292d3e;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+  background-color: #202331;
+  color: #b480d6;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(238, 255, 255, 0.3);
+  border-top-color: rgba(238, 255, 255, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(238, 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: #eeffff;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #292d3e;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #3a3f58;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 2px solid #e2e9e9;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #eeffff;
+  font: initial;
+  font-weight: 500;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #515772;
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-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),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #545c7e;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+  margin-top: 8px;
+  margin-bottom: -12px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #eeffff;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+  margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #3a3f58;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 2px solid #676e95;
+  box-shadow: none;
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #3a3f58;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #202331;
+  color: #b480d6;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: transparent;
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: transparent;
+}
+
+scrollbar.bottom {
+  border-bottom: transparent;
+}
+
+scrollbar.left {
+  border-bottom: transparent;
+}
+
+scrollbar.right {
+  border-bottom: transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 4px;
+  min-height: 4px;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 2px;
+  min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 2px;
+  min-height: 2px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+  background-color: transparent;
+  color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked slider {
+  background-color: #292d3e;
+  color: #292d3e;
+}
+
+/*************************
+ * 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;
+}
+
+.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;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -8px;
+  padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #e2e9e9;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+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:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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;
+}
+
+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(238, 255, 255, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+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')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #eeffff;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #e2e9e9;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+  border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #292d3e;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms 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(238, 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: #eeffff;
+}
+
+expander title > arrow:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #3a3f58;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #f28b82;
+}
+
+.csd filechooser {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #292d3e;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(238, 255, 255, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.12)),
+    image(rgba(238, 255, 255, 0.12));
+  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;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #292d3e;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #e2e9e9;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #292d3e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 14px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 16px transparent;
+  border: 2px solid #a6accd;
+  background-clip: border-box;
+  margin: 8px;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 16px transparent;
+  border: 2px solid #414863;
+  background-clip: border-box;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+  border-radius: 0;
+  border: none;
+}
+
+.popup decoration {
+  box-shadow: none;
+}
+
+.ssd decoration {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #a6accd;
+  border: none;
+  border-radius: 12px 12px 0 0;
+}
+
+.ssd decoration:backdrop {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #414863;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  border: 2px solid #676e95;
+  background-clip: border-box;
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.csd decoration {
+  border-radius: 12px;
+  border: none;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  border: 2px solid #e2e9e9;
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #292d3e;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close {
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:active {
+  background-color: #ffcb6b;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active {
+  background-color: shade(#ffcb6b, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:active {
+  background-color: #c3e88d;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+  background-color: shade(#c3e88d, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+  background-color: #f07178;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+  background-color: shade(#f07178, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop {
+  background-color: #464b5d;
+  color: transparent;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.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(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #3a3f58;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #e2e9e9;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#e2e9e9, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#e2e9e9, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #292d3e;
+  color: #e2e9e9;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #202331;
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #202331;
+  font-weight: 700;
+  border-left: 3px solid #f7768e;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #b480d6;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #202331;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #eeffff;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #b480d6;
+  background-color: #202331;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+  color: #b480d6;
+  background-color: #202331;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #202331;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #b480d6;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #e2e9e9;
+  color: #e2e9e9;
+}
+
+.disk-space-display.free {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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 {
+  margin: -6px 0 0 -6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > label {
+  margin: 0 8px;
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > box
+  > button {
+  border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+  padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+  margin-top: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box {
+  margin-bottom: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box.linked {
+  margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+  margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #202331;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #202331;
+}
+
+.gedit-document-panel row button.flat {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #3a3f58;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > 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;
+}
+
+/**********
+ * Tweaks *
+ **********/
+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,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > 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 list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > 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 list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > 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 list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #1b1e2b;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > 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
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+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
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#eeffff,
+.tweak-#eeffff,
+.tweak-#eeffff:hover {
+  background-image: image(#292d3e);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#292d3e);
+}
+
+.tweak-group-startup {
+  background-image: image(#292d3e);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > 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: #292d3e;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > 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 > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #292d3e;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > 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;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #292d3e;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#292d3e);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #e2e9e9;
+  background-color: #292d3e;
+}
+
+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(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #292d3e;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #202331;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #e2e9e9 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+docktab:checked {
+  transition: all 75ms 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 #e2e9e9;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+dockoverlayedge {
+  background-color: #292d3e;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+pillbox {
+  background-color: #292d3e;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #292d3e;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.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: #eeffff;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #292d3e;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(226, 233, 233, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #eeffff;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #eeffff;
+}
+
+button.photos-filter-preview:checked image {
+  color: #eeffff;
+}
+
+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;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#202331);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#e2e9e9);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #292d3e;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #292d3e;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  padding: 0 2px 3px 2px;
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+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: 12px;
+}
+
+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: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#202331);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #202331;
+  color: #eeffff;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  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: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #eeffff;
+  background-color: #292d3e;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #292d3e;
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * 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,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #292d3e;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified headerbar.selection-mode {
+  box-shadow: none;
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+  border: none;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #a6accd, 0 0 16px transparent;
+}
+
+window.background.csd.unified:backdrop,
+window.background.csd.unified > decoration:backdrop,
+window.background.csd.unified > decoration-overlay:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #414863, 0 0 16px transparent;
+}
+
+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;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+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(#3a3f58);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+window > notebook > stack {
+  margin: 0 3px 3px 3px;
+}
+
+window > notebook {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #292d3e;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #3a3f58;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #444a73;
+}
+
+window.background.chromium > button {
+  color: #e2e9e9;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #e2e9e9;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #444a73;
+  background-color: #292d3e;
+}
+
+window.background.chromium menu {
+  border-color: #565f89;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #292d3e;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #e2e9e9;
+  box-shadow: inset 0 0 0 1px #e2e9e9;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #202331;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #737aa2;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #828bb8;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(115, 122, 162, 0.5);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #eeffff;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #444a73;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #444a73;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #292d3e;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -2px;
+  border: 2px solid #e2e9e9;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #292d3e;
+}
+
+/*********
+ * 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: #e2e9e9;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #e2e9e9;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.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 {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 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: #e2e9e9;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+.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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #3a3f58;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #e2e9e9;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.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: #292d3e;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  background-image: none;
+  color: #eeffff;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #292d3e;
+  color: #eeffff;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+#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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #e2e9e9;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #3a3f58;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(238, 255, 255, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #eeffff;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(238, 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(238, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(238, 255, 255, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(238, 255, 255, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #202331;
+}
+
+.budgie-panel button {
+  color: rgba(238, 255, 255, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #f28b82;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #eeffff;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #eeffff;
+}
+
+.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:not(:checked) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+}
+
+.top frame.raven-frame > border {
+  margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+  margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+  margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+  margin-left: 32px;
+}
+
+.raven {
+  background-color: #3a3f58;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.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(238, 255, 255, 0.06);
+  color: #eeffff;
+}
+
+.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: #eeffff;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #202331;
+  color: #eeffff;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #f28b82;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #eeffff;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #292d3e;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+#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(238, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+  background-color: #292d3e;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover,
+.nemo-window .primary-toolbar button.text-button:active,
+.nemo-window .primary-toolbar button.text-button:checked {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+  border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #202331;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #676e95;
+  -nemoplacestreeview-disk-full-fg-color: #e2e9e9;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
diff --git a/Material/files/Material/config/Palenight-B/gtk-3.0/gtk.css b/Material/files/Material/config/Palenight-B/gtk-3.0/gtk.css
new file mode 100644
index 000000000..346dce802
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/gtk-3.0/gtk.css
@@ -0,0 +1,11465 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #292d3e;
+/* text widgets and the like base background color */
+@define-color theme_base_color #292d3e;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #292d3e;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #202331;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #292d3e;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #292d3e;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #292d3e;
+@define-color wm_unfocused_bg #292d3e;
+@define-color wm_button_close_icon #292d3e;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #292d3e;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #292d3e;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #292d3e;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #292d3e;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #292d3e;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #292d3e;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #292d3e;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #292d3e;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #e2e9e9 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #e2e9e9 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #f28b82;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #e2e9e9;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #eeffff;
+  background-color: #414868;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #16161e;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #202331;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #16161e;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #292d3e;
+}
+
+textview border {
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+.dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f28b82;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #fdd633;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #f28b82;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #fdd633;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #292d3e;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #eeffff;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(154, 165, 206, 0.9844);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(154, 165, 206, 0.7844);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f28b82;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.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;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar 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.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+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 {
+  color: #2196f3;
+}
+
+*:visited {
+  color: #ce93d8;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #2196f3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #ce93d8;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #292d3e;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+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(238, 255, 255, 0.12);
+  background-color: #202331;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar stackswitcher {
+  border: 2px solid #e2e9e9;
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: #292d3e;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.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 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.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: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 10px 20px;
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 20px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #292d3e;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+  background-color: #202331;
+  color: #b480d6;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(238, 255, 255, 0.3);
+  border-top-color: rgba(238, 255, 255, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(238, 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: #eeffff;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #292d3e;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #3a3f58;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 2px solid #e2e9e9;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #eeffff;
+  font: initial;
+  font-weight: 500;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #515772;
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-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),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #545c7e;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+  margin-top: 8px;
+  margin-bottom: -12px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #eeffff;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+  margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #3a3f58;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 2px solid #676e95;
+  box-shadow: none;
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #3a3f58;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #202331;
+  color: #b480d6;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: transparent;
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: transparent;
+}
+
+scrollbar.bottom {
+  border-bottom: transparent;
+}
+
+scrollbar.left {
+  border-bottom: transparent;
+}
+
+scrollbar.right {
+  border-bottom: transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 4px;
+  min-height: 4px;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 2px;
+  min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 2px;
+  min-height: 2px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+  background-color: transparent;
+  color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked slider {
+  background-color: #292d3e;
+  color: #292d3e;
+}
+
+/*************************
+ * 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;
+}
+
+.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;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -8px;
+  padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #e2e9e9;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+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:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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;
+}
+
+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(238, 255, 255, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+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')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #eeffff;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #e2e9e9;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+  border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #292d3e;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms 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(238, 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: #eeffff;
+}
+
+expander title > arrow:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #3a3f58;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #f28b82;
+}
+
+.csd filechooser {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #292d3e;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(238, 255, 255, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.12)),
+    image(rgba(238, 255, 255, 0.12));
+  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;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #292d3e;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #e2e9e9;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #292d3e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 14px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 16px transparent;
+  border: 2px solid #a6accd;
+  background-clip: border-box;
+  margin: 8px;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 16px transparent;
+  border: 2px solid #414863;
+  background-clip: border-box;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+  border-radius: 0;
+  border: none;
+}
+
+.popup decoration {
+  box-shadow: none;
+}
+
+.ssd decoration {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #a6accd;
+  border: none;
+  border-radius: 12px 12px 0 0;
+}
+
+.ssd decoration:backdrop {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #414863;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  border: 2px solid #676e95;
+  background-clip: border-box;
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.csd decoration {
+  border-radius: 12px;
+  border: none;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  border: 2px solid #e2e9e9;
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #292d3e;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close {
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:active {
+  background-color: #ffcb6b;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active {
+  background-color: shade(#ffcb6b, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:active {
+  background-color: #c3e88d;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+  background-color: shade(#c3e88d, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+  background-color: #f07178;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+  background-color: shade(#f07178, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop {
+  background-color: #464b5d;
+  color: transparent;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.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(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #3a3f58;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #e2e9e9;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#e2e9e9, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#e2e9e9, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #292d3e;
+  color: #e2e9e9;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #202331;
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #202331;
+  font-weight: 700;
+  border-left: 3px solid #f7768e;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #b480d6;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #202331;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #eeffff;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #b480d6;
+  background-color: #202331;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+  color: #b480d6;
+  background-color: #202331;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #202331;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #b480d6;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #e2e9e9;
+  color: #e2e9e9;
+}
+
+.disk-space-display.free {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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 {
+  margin: -6px 0 0 -6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > label {
+  margin: 0 8px;
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > box
+  > button {
+  border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+  padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+  margin-top: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box {
+  margin-bottom: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box.linked {
+  margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+  margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #202331;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #202331;
+}
+
+.gedit-document-panel row button.flat {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #3a3f58;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > 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;
+}
+
+/**********
+ * Tweaks *
+ **********/
+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,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > 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 list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > 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 list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > 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 list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #1b1e2b;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > 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
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+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
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#eeffff,
+.tweak-#eeffff,
+.tweak-#eeffff:hover {
+  background-image: image(#292d3e);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#292d3e);
+}
+
+.tweak-group-startup {
+  background-image: image(#292d3e);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > 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: #292d3e;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > 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 > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #292d3e;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > 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;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #292d3e;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#292d3e);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #e2e9e9;
+  background-color: #292d3e;
+}
+
+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(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #292d3e;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #202331;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #e2e9e9 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+docktab:checked {
+  transition: all 75ms 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 #e2e9e9;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+dockoverlayedge {
+  background-color: #292d3e;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+pillbox {
+  background-color: #292d3e;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #292d3e;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.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: #eeffff;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #292d3e;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(226, 233, 233, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #eeffff;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #eeffff;
+}
+
+button.photos-filter-preview:checked image {
+  color: #eeffff;
+}
+
+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;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#202331);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#e2e9e9);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #292d3e;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #292d3e;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  padding: 0 2px 3px 2px;
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+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: 12px;
+}
+
+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: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#202331);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #202331;
+  color: #eeffff;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  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: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #eeffff;
+  background-color: #292d3e;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #292d3e;
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * 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,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #292d3e;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified headerbar.selection-mode {
+  box-shadow: none;
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+  border: none;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #a6accd, 0 0 16px transparent;
+}
+
+window.background.csd.unified:backdrop,
+window.background.csd.unified > decoration:backdrop,
+window.background.csd.unified > decoration-overlay:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #414863, 0 0 16px transparent;
+}
+
+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;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+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(#3a3f58);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+window > notebook > stack {
+  margin: 0 3px 3px 3px;
+}
+
+window > notebook {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #292d3e;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #3a3f58;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #444a73;
+}
+
+window.background.chromium > button {
+  color: #e2e9e9;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #e2e9e9;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #444a73;
+  background-color: #292d3e;
+}
+
+window.background.chromium menu {
+  border-color: #565f89;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #292d3e;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #e2e9e9;
+  box-shadow: inset 0 0 0 1px #e2e9e9;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #202331;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #737aa2;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #828bb8;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(115, 122, 162, 0.5);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #eeffff;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #444a73;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #444a73;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #292d3e;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -2px;
+  border: 2px solid #e2e9e9;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #292d3e;
+}
+
+/*********
+ * 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: #e2e9e9;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #e2e9e9;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.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 {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 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: #e2e9e9;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+.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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #3a3f58;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #e2e9e9;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.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: #292d3e;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  background-image: none;
+  color: #eeffff;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #292d3e;
+  color: #eeffff;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+#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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #e2e9e9;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #3a3f58;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(238, 255, 255, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #eeffff;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(238, 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(238, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(238, 255, 255, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(238, 255, 255, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #202331;
+}
+
+.budgie-panel button {
+  color: rgba(238, 255, 255, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #f28b82;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #eeffff;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #eeffff;
+}
+
+.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:not(:checked) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+}
+
+.top frame.raven-frame > border {
+  margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+  margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+  margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+  margin-left: 32px;
+}
+
+.raven {
+  background-color: #3a3f58;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.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(238, 255, 255, 0.06);
+  color: #eeffff;
+}
+
+.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: #eeffff;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #202331;
+  color: #eeffff;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #f28b82;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #eeffff;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #292d3e;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+#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(238, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+  background-color: #292d3e;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover,
+.nemo-window .primary-toolbar button.text-button:active,
+.nemo-window .primary-toolbar button.text-button:checked {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+  border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #202331;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #676e95;
+  -nemoplacestreeview-disk-full-fg-color: #e2e9e9;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
diff --git a/Material/files/Material/config/Palenight-B/gtk-3.0/thumbnail.png b/Material/files/Material/config/Palenight-B/gtk-3.0/thumbnail.png
new file mode 100644
index 000000000..713427290
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/gtk-3.0/thumbnail.png differ
diff --git a/Material/files/Material/config/Palenight-B/gtk-4.0/gtk-dark.css b/Material/files/Material/config/Palenight-B/gtk-4.0/gtk-dark.css
new file mode 100644
index 000000000..5389e8517
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/gtk-4.0/gtk-dark.css
@@ -0,0 +1,7011 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #292d3e;
+/* text widgets and the like base background color */
+@define-color theme_base_color #292d3e;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #292d3e;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #202331;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #292d3e;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #292d3e;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #292d3e;
+@define-color wm_unfocused_bg #292d3e;
+@define-color wm_button_close_icon #292d3e;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #292d3e;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #292d3e;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #292d3e;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #292d3e;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #292d3e;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #292d3e;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #292d3e;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #292d3e;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+dnd {
+  color: #eeffff;
+}
+
+.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 {
+  color: #eeffff;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+textview text {
+  background-color: #292d3e;
+}
+
+textview border {
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #eeffff;
+  background-color: #292d3e;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+label.search-information {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(238, 255, 255, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #eeffff;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * 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 {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+  padding: 2px 12px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #fdd633;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #292d3e;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 0%,
+      rgba(226, 233, 233, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 95%,
+      rgba(226, 233, 233, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+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,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+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,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+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,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+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,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+button.osd:hover {
+  background-color: #444267;
+  color: #eeffff;
+}
+
+button.osd:active {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(240, 113, 120, 0.2),
+    0 4px 3px 0 rgba(240, 113, 120, 0.14), 0 1px 6px 0 rgba(240, 113, 120, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(240, 113, 120, 0.3),
+    0 2px 3px -1px rgba(240, 113, 120, 0.24),
+    0 2px 5px 0 rgba(240, 113, 120, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(240, 113, 120, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(240, 113, 120, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #e2e9e9;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #f78c6c;
+  box-shadow: inset 0 0 0 1px #f78c6c;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+menubutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+menubutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+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.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+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: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 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: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(238, 255, 255, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+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: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+splitbutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+splitbutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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;
+}
+
+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) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #89ddff;
+}
+
+link:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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: 9px;
+  padding-right: 9px;
+}
+
+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 popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #292d3e;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.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 {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #eeffff;
+}
+
+headerbar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #eeffff;
+  box-shadow: none;
+}
+
+headerbar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+  border: 2px solid #e2e9e9;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+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');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.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: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #292d3e
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(226, 233, 233, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #292d3e
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#292d3e);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #444267;
+  border-top-color: #444267;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #e2e9e9;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #292d3e;
+}
+
+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(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #eeffff;
+}
+
+menubar:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > item:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+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;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #3a3f58;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #eeffff;
+  border: 2px solid #676e95;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: 2px solid #676e95;
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #eeffff;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #515772;
+  color: #b480d6;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+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 label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(238, 255, 255, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #b480d6;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #3a3f58;
+  color: #b480d6;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+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;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #292d3e;
+  color: #eeffff;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#e2e9e9, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#f78c6c, 0.4);
+  background-color: alpha(#f78c6c, 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: #e2e9e9;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#e2e9e9, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #eeffff;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  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(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+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(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #292d3e;
+  color: #292d3e;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #eeffff;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #292d3e;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #e2e9e9;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #292d3e;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -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'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(238, 255, 255, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #202331 49.99%, #eeffff 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #eeffff;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #eeffff;
+  background-image: image(#202331);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #292d3e;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #eeffff;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  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(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #eeffff;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(238, 255, 255, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #e2e9e9;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #eeffff;
+}
+
+expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #3a3f58;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: 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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #3a3f58;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+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 {
+  color: inherit;
+}
+
+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 {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#444267);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #292d3e;
+  background-image: image(#444267), image(#444267);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #202331;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #eeffff;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #3a3f58;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #eeffff;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #3a3f58;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #292d3e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #a6accd, 0 0 16px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #414863, 0 0 16px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #292d3e;
+  border: 2px solid #e2e9e9;
+}
+
+window.solid-csd:backdrop {
+  background-color: #292d3e;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 9999px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols
+  button.minimize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.maximize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action)
+  image {
+  padding: 0;
+}
+
+windowcontrols
+  button.minimize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#ffcb6b, 0.5);
+}
+
+windowcontrols
+  button.maximize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#c3e88d, 0.5);
+}
+
+windowcontrols
+  button.close:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#f07178, 0.5);
+}
+
+windowcontrols
+  button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #ffcb6b;
+}
+
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #c3e88d;
+}
+
+windowcontrols button.close:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #f07178;
+}
+
+button.titlebutton.close:backdrop,
+button.titlebutton.maximize:backdrop,
+button.titlebutton.minimize:backdrop,
+windowcontrols > button.close:backdrop,
+windowcontrols > button.maximize:backdrop,
+windowcontrols > button.minimize:backdrop {
+  background-color: #464b5d;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #e2e9e9;
+  background-color: #364367;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #3a3f58;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #e2e9e9;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #292d3e;
+}
+
+.nautilus-window:backdrop {
+  background-color: #292d3e;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 2em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #202331;
+  font-weight: 700;
+  border-left: 3px solid #f7768e;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #b480d6;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #292d3e;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #202331;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #202331;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #b480d6;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #292d3e;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+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 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(238, 255, 255, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 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: #eb4b3d;
+  background-color: rgba(240, 113, 120, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #eeffff;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.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(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #292d3e;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #e2e9e9;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+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: #eeffff;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+  background-color: #292d3e;
+  color: rgba(238, 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: 34px;
+}
+
+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(238, 255, 255, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #e2e9e9;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+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;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #e2e9e9;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 119px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #e2e9e9;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+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;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+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: #eeffff;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #e2e9e9;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/config/Palenight-B/gtk-4.0/gtk.css b/Material/files/Material/config/Palenight-B/gtk-4.0/gtk.css
new file mode 100644
index 000000000..eaf263a97
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/gtk-4.0/gtk.css
@@ -0,0 +1,7011 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #292d3e;
+/* text widgets and the like base background color */
+@define-color theme_base_color #292d3e;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #292d3e;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #202331;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #292d3e;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #292d3e;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #292d3e;
+@define-color wm_unfocused_bg #292d3e;
+@define-color wm_button_close_icon #292d3e;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #292d3e;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #292d3e;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #292d3e;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #292d3e;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #292d3e;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #292d3e;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #292d3e;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #292d3e;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+dnd {
+  color: #eeffff;
+}
+
+.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 {
+  color: #eeffff;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+textview text {
+  background-color: #292d3e;
+}
+
+textview border {
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #eeffff;
+  background-color: #292d3e;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+label.search-information {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(238, 255, 255, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #eeffff;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * 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 {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+  padding: 2px 12px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #fdd633;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #292d3e;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 0%,
+      rgba(226, 233, 233, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 95%,
+      rgba(226, 233, 233, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+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,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+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,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+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,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+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,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+button.osd:hover {
+  background-color: #444267;
+  color: #eeffff;
+}
+
+button.osd:active {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(240, 113, 120, 0.2),
+    0 4px 3px 0 rgba(240, 113, 120, 0.14), 0 1px 6px 0 rgba(240, 113, 120, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(240, 113, 120, 0.3),
+    0 2px 3px -1px rgba(240, 113, 120, 0.24),
+    0 2px 5px 0 rgba(240, 113, 120, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(240, 113, 120, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(240, 113, 120, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #e2e9e9;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #f78c6c;
+  box-shadow: inset 0 0 0 1px #f78c6c;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+menubutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+menubutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+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.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+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: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 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: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(238, 255, 255, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+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: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+splitbutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+splitbutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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;
+}
+
+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) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #89ddff;
+}
+
+link:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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: 9px;
+  padding-right: 9px;
+}
+
+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 popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #292d3e;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.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 {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #eeffff;
+}
+
+headerbar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #eeffff;
+  box-shadow: none;
+}
+
+headerbar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+  border: 2px solid #e2e9e9;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+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');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.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: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #292d3e
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(226, 233, 233, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #292d3e
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#292d3e);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #444267;
+  border-top-color: #444267;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #e2e9e9;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #292d3e;
+}
+
+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(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #eeffff;
+}
+
+menubar:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > item:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+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;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #3a3f58;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #eeffff;
+  border: 2px solid #676e95;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: 2px solid #676e95;
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #eeffff;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #515772;
+  color: #b480d6;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+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 label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(238, 255, 255, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #b480d6;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #3a3f58;
+  color: #b480d6;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+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;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #292d3e;
+  color: #eeffff;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#e2e9e9, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#f78c6c, 0.4);
+  background-color: alpha(#f78c6c, 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: #e2e9e9;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#e2e9e9, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #eeffff;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  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(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+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(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #292d3e;
+  color: #292d3e;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #eeffff;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #292d3e;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #e2e9e9;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #292d3e;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -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'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(238, 255, 255, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #202331 49.99%, #eeffff 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #eeffff;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #eeffff;
+  background-image: image(#202331);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #292d3e;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #eeffff;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  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(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #eeffff;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(238, 255, 255, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #e2e9e9;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #eeffff;
+}
+
+expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #3a3f58;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: 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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #3a3f58;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+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 {
+  color: inherit;
+}
+
+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 {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#444267);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #292d3e;
+  background-image: image(#444267), image(#444267);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #202331;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #eeffff;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #3a3f58;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #eeffff;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #3a3f58;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #292d3e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #a6accd, 0 0 16px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #414863, 0 0 16px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #292d3e;
+  border: 2px solid #e2e9e9;
+}
+
+window.solid-csd:backdrop {
+  background-color: #292d3e;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 9999px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols
+  button.minimize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.maximize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action)
+  image {
+  padding: 0;
+}
+
+windowcontrols
+  button.minimize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#ffcb6b, 0.5);
+}
+
+windowcontrols
+  button.maximize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#c3e88d, 0.5);
+}
+
+windowcontrols
+  button.close:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#f07178, 0.5);
+}
+
+windowcontrols
+  button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #ffcb6b;
+}
+
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #c3e88d;
+}
+
+windowcontrols button.close:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #f07178;
+}
+
+button.titlebutton.close:backdrop,
+button.titlebutton.maximize:backdrop,
+button.titlebutton.minimize:backdrop,
+windowcontrols > button.close:backdrop,
+windowcontrols > button.maximize:backdrop,
+windowcontrols > button.minimize:backdrop {
+  background-color: #464b5d;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #e2e9e9;
+  background-color: #364367;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #3a3f58;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #e2e9e9;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #292d3e;
+}
+
+.nautilus-window:backdrop {
+  background-color: #292d3e;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 2em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #202331;
+  font-weight: 700;
+  border-left: 3px solid #f7768e;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #b480d6;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #292d3e;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #202331;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #202331;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #b480d6;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #292d3e;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+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 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(238, 255, 255, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 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: #eb4b3d;
+  background-color: rgba(240, 113, 120, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #eeffff;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.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(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #292d3e;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #e2e9e9;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+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: #eeffff;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+  background-color: #292d3e;
+  color: rgba(238, 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: 34px;
+}
+
+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(238, 255, 255, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #e2e9e9;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+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;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #3a3f58;
+  color: #b480d6;
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #e2e9e9;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 119px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #e2e9e9;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+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;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+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: #eeffff;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #e2e9e9;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/config/Palenight-B/gtk-4.0/thumbnail.png b/Material/files/Material/config/Palenight-B/gtk-4.0/thumbnail.png
new file mode 100644
index 000000000..713427290
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/gtk-4.0/thumbnail.png differ
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/metacity-theme-1.xml b/Material/files/Material/config/Palenight-B/metacity-1/metacity-theme-1.xml
new file mode 100644
index 000000000..b422a3a56
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/metacity-theme-1.xml
@@ -0,0 +1,1693 @@
+<?xml version="1.0"?>
+<metacity_theme>
+  <info>
+    <name>Catppuccin_Mid_Dark</name>
+    <author>Vince Liuice mod fkorpsvart</author>
+    <copyright>GPL-3.0+</copyright>
+    <date>2022.04.14</date>
+    <description>Catppuccin_Mid_Dark Metacity Theme</description>
+  </info>
+
+  <!-- CONSTANTS -->
+  <constant name="C_titlebar" value="#373737" />
+  <constant name="C_titlebar_unfocused" value="#373737" />
+  <constant name="C_border_focused" value="#373737" />
+  <constant name="C_border_unfocused" value="#373737" />
+  <constant name="C_title_focused" value="#f5f5f5" />
+  <constant name="C_title_unfocused" value="#dedede" />
+
+  <constant name="C_wm_button_background" value="#dedede" />
+  <constant name="C_wm_button_foreground" value="#dedede" />
+  <constant name="C_wm_button_unfocused" value="#888888" />
+
+  <constant name="C_close_button" value="#f5685d" />
+  <constant name="C_maximize_button" value="#a1ce6d" />
+  <constant name="C_restore_button" value="#feee61" />
+  <constant name="C_minimize_button" value="#feee61" />
+
+  <!-- GEOMETRY -->
+
+  <!-- Focused window -->
+  <frame_geometry name="normal" title_scale="medium" rounded_top_left="2" rounded_top_right="2">
+    <distance name="left_width" value="5" />
+    <distance name="right_width" value="5" />
+    <distance name="bottom_height" value="5" />
+    <distance name="left_titlebar_edge" value="10" />
+    <distance name="right_titlebar_edge" value="10" />
+    <distance name="title_vertical_pad" value="6" />
+    <aspect_ratio name="button" value="1.0" />
+    <border name="title_border" left="10" right="10" top="10" bottom="10" />
+    <border name="button_border" left="2" right="2" top="10" bottom="10" />
+  </frame_geometry>
+
+  <!-- Unfocused window -->
+  <frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="2" rounded_top_right="2" parent="normal">
+    <distance name="left_width" value="5" />
+    <distance name="right_width" value="5" />
+    <distance name="bottom_height" value="5" />
+    <distance name="left_titlebar_edge" value="12" />
+    <distance name="right_titlebar_edge" value="12" />
+    <distance name="title_vertical_pad" value="6" />
+    <aspect_ratio name="button" value="1.0" />
+    <border name="title_border" left="10" right="10" top="10" bottom="10" />
+    <border name="button_border" left="2" right="2" top="10" bottom="10" />
+  </frame_geometry>
+
+  <!-- Maximized window -->
+  <frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+    <distance name="title_vertical_pad" value="4" />
+    <border name="title_border" left="4" right="4" top="4" bottom="4" />
+    <border name="button_border" left="0" right="0" top="4" bottom="4" />
+  </frame_geometry>
+
+  <!-- Left tiled window -->
+  <frame_geometry name="tiled_left" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max">
+    <distance name="right_width" value="0" />
+  </frame_geometry>
+
+  <!-- Right tiled window -->
+  <frame_geometry name="tiled_right" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max">
+    <distance name="left_width" value="0" />
+  </frame_geometry>
+
+  <!-- Small window -->
+  <frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="false" rounded_top_right="false">
+    <distance name="title_vertical_pad" value="4" />
+    <border name="title_border" left="4" right="4" top="0" bottom="0" />
+    <border name="button_border" left="0" right="0" top="0" bottom="0" />
+  </frame_geometry>
+
+  <!-- Small unfocused window -->
+  <frame_geometry name="small_unfocused" parent="small">
+    <distance name="left_titlebar_edge" value="5" />
+    <distance name="right_titlebar_edge" value="5" />
+  </frame_geometry>
+
+  <!-- No buttons -->
+  <frame_geometry name="nobuttons" hide_buttons="true" parent="normal"></frame_geometry>
+
+  <!-- Border -->
+  <frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
+    <distance name="left_width" value="1" />
+    <distance name="right_width" value="1" />
+    <distance name="bottom_height" value="1" />
+    <distance name="title_vertical_pad" value="1" />
+    <border name="title_border" left="10" right="10" top="0" bottom="0" />
+    <border name="button_border" left="0" right="0" top="0" bottom="0" />
+  </frame_geometry>
+
+  <!-- Borderless -->
+  <frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+    <distance name="title_vertical_pad" value="8" />
+    <border name="title_border" left="0" right="0" top="0" bottom="0" />
+    <border name="button_border" left="0" right="0" top="0" bottom="0" />
+  </frame_geometry>
+
+  <!-- Modal -->
+  <frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="small">
+    <distance name="title_vertical_pad" value="5" />
+  </frame_geometry>
+
+  <frame_geometry name="attached" title_scale="medium" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="normal">
+    <distance name="title_vertical_pad" value="8" />
+    <distance name="bottom_height" value="1" />
+    <distance name="left_width" value="1" />
+    <distance name="right_width" value="1" />
+  </frame_geometry>
+
+
+  <!-- TITLES -->
+
+  <!-- Title alignment -->
+  <draw_ops name="title_focused">
+    <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="title_unfocused">
+    <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- WINDOW DECORATIONS -->
+  <draw_ops name="entire_background_focused">
+    <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="entire_background_unfocused">
+    <include name="entire_background_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_fill_focused">
+    <rectangle color="C_titlebar" x="4" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_fill_attached_focused">
+    <include name="entire_background_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_fill_unfocused">
+    <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_focused">
+    <include name="titlebar_fill_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_attached_focused">
+    <!-- titlebar for attached and modal dialogs -->
+    <include name="titlebar_fill_attached_focused" />
+  </draw_ops>
+
+  <draw_ops name="rounded_titlebar_focused">
+    <include name="titlebar_fill_focused" />
+  </draw_ops>
+
+  <draw_ops name="border_focused">
+    <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" />
+  </draw_ops>
+
+  <draw_ops name="border_unfocused">
+    <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" />
+  </draw_ops>
+
+  <draw_ops name="rounded_border_focused">
+    <line color="C_border_focused" x1="2" y1="0" x2="width-3" y2="0" />
+    <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" />
+    <line color="C_border_focused" x1="0" y1="2" x2="0" y2="height-2" />
+    <line color="C_border_focused" x1="width-1" y1="2" x2="width-1" y2="height-2" />
+    <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" />
+    <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" />
+    <!-- double arcs for darker borders -->
+    <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" />
+    <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="rounded_border_unfocused">
+    <line color="C_border_unfocused" x1="2" y1="0" x2="width-3" y2="0" />
+    <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" />
+    <line color="C_border_unfocused" x1="0" y1="2" x2="0" y2="height-2" />
+    <line color="C_border_unfocused" x1="width-1" y1="2" x2="width-1" y2="height-2" />
+    <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" />
+    <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" />
+    <!-- double arcs for darker borders -->
+    <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" />
+    <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="border_right_focused">
+    <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_focused" />
+  </draw_ops>
+
+  <draw_ops name="border_right_unfocused">
+    <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="border_left_focused">
+    <line x1="0" y1="0" x2="0" y2="height" color="C_border_focused" />
+  </draw_ops>
+
+  <draw_ops name="border_left_unfocused">
+    <line x1="0" y1="0" x2="0" y2="height" color="C_border_unfocused" />
+  </draw_ops>
+
+  <!-- ::: BUTTON ICONS ::: -->
+  <!-- note: negative values in x or y causes gnome-shell to crash -->
+  <!-- close icon -->
+  <draw_ops name="close_focused">
+    <image filename="titlebuttons/titlebutton-close.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_prelight">
+    <image filename="titlebuttons/titlebutton-close-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_pressed">
+    <image filename="titlebuttons/titlebutton-close-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-close-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-close-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- maximize icon -->
+  <draw_ops name="maximize_focused">
+    <image filename="titlebuttons/titlebutton-maximize.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_prelight">
+    <image filename="titlebuttons/titlebutton-maximize-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_pressed">
+    <image filename="titlebuttons/titlebutton-maximize-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-maximize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-maximize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- unmaximize icon -->
+  <draw_ops name="unmaximize_focused">
+    <image filename="titlebuttons/titlebutton-maximize.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_prelight">
+    <image filename="titlebuttons/titlebutton-unmaximize-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_pressed">
+    <image filename="titlebuttons/titlebutton-unmaximize-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-unmaximize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-unmaximize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- minimize icon -->
+  <draw_ops name="minimize_focused">
+    <image filename="titlebuttons/titlebutton-minimize.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_prelight">
+    <image filename="titlebuttons/titlebutton-minimize-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_pressed">
+    <image filename="titlebuttons/titlebutton-minimize-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-minimize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-minimize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- Menu icon -->
+  <draw_ops name="menu_focused">
+    <image filename="titlebuttons/titlebutton-menu.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_focused_prelight">
+    <image filename="titlebuttons/titlebutton-menu-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_focused_pressed">
+    <image filename="titlebuttons/titlebutton-menu-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-menu-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-menu-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- shade icon -->
+  <draw_ops name="shade_focused">
+    <image filename="titlebuttons/titlebutton-shade.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_prelight">
+    <image filename="titlebuttons/titlebutton-shade-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_pressed">
+    <image filename="titlebuttons/titlebutton-shade-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-shade-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-shade-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- unshade icon -->
+  <draw_ops name="unshade_focused">
+    <image filename="titlebuttons/titlebutton-unshade.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_prelight">
+    <image filename="titlebuttons/titlebutton-unshade-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_pressed">
+    <image filename="titlebuttons/titlebutton-unshade-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-unshade-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-unshade-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+
+  <!-- FRAME STYLES -->
+  <frame_style name="normal_focused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="rounded_titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="rounded_border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_unfocused" geometry="normal_unfocused">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="rounded_border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_focused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_unfocused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_shaded_focused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay">
+      <draw_ops>
+        <line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" />
+      </draw_ops>
+    </piece>
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_shaded_unfocused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay">
+      <draw_ops>
+        <line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" />
+      </draw_ops>
+    </piece>
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="dialog_focused" geometry="nobuttons">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="rounded_titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="rounded_border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="dialog_unfocused" geometry="nobuttons">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="rounded_border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="modal_dialog_focused" geometry="modal">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_attached_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="modal_dialog_unfocused" geometry="modal">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="utility_focused" geometry="small">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="utility_unfocused" geometry="small_unfocused">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="border_focused" geometry="border">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="overlay" draw_ops="border_focused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="border_unfocused" geometry="border">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="overlay" draw_ops="border_unfocused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="borderless" geometry="borderless">
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="attached_focused" geometry="attached">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_attached_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_focused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="attached_unfocused" geometry="attached">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_attached_focused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_unfocused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_left_focused" geometry="tiled_left">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_right_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_left_unfocused" geometry="tiled_left">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_right_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_right_focused" geometry="tiled_right">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_left_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_right_unfocused" geometry="tiled_right">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_left_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <!-- placeholder for unimplementated styles-->
+  <frame_style name="blank" geometry="normal">
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <!-- FRAME STYLE SETS -->
+  <frame_style_set name="normal_style_set">
+    <frame focus="yes" state="normal" resize="both" style="normal_focused" />
+    <frame focus="no" state="normal" resize="both" style="normal_unfocused" />
+    <frame focus="yes" state="maximized" style="normal_max_focused" />
+    <frame focus="no" state="maximized" style="normal_max_unfocused" />
+    <frame focus="yes" state="shaded" style="normal_focused" />
+    <frame focus="no" state="shaded" style="normal_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" />
+    <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" />
+  </frame_style_set>
+
+  <frame_style_set name="dialog_style_set">
+    <frame focus="yes" state="normal" resize="both" style="dialog_focused" />
+    <frame focus="no" state="normal" resize="both" style="dialog_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="dialog_focused" />
+    <frame focus="no" state="shaded" style="dialog_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="modal_dialog_style_set">
+    <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" />
+    <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="modal_dialog_focused" />
+    <frame focus="no" state="shaded" style="modal_dialog_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="utility_style_set">
+    <frame focus="yes" state="normal" resize="both" style="utility_focused" />
+    <frame focus="no" state="normal" resize="both" style="utility_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="utility_focused" />
+    <frame focus="no" state="shaded" style="utility_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="border_style_set">
+    <frame focus="yes" state="normal" resize="both" style="border_focused" />
+    <frame focus="no" state="normal" resize="both" style="border_unfocused" />
+    <frame focus="yes" state="maximized" style="borderless" />
+    <frame focus="no" state="maximized" style="borderless" />
+    <frame focus="yes" state="shaded" style="blank" />
+    <frame focus="no" state="shaded" style="blank" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <!-- WINDOWS -->
+  <window type="normal" style_set="normal_style_set" />
+  <window type="dialog" style_set="dialog_style_set" />
+  <window type="modal_dialog" style_set="modal_dialog_style_set" />
+  <window type="menu" style_set="utility_style_set" />
+  <window type="utility" style_set="utility_style_set" />
+  <window type="border" style_set="border_style_set" />
+
+</metacity_theme>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/metacity-theme-2.xml b/Material/files/Material/config/Palenight-B/metacity-1/metacity-theme-2.xml
new file mode 120000
index 000000000..84bdbf0a7
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/metacity-theme-2.xml
@@ -0,0 +1 @@
+metacity-theme-1.xml
\ No newline at end of file
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/metacity-theme-3.xml b/Material/files/Material/config/Palenight-B/metacity-1/metacity-theme-3.xml
new file mode 100644
index 000000000..e3e057192
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/metacity-theme-3.xml
@@ -0,0 +1,1682 @@
+<?xml version="1.0"?>
+<metacity_theme>
+  <info>
+    <name>Catppuccin_Mid_Dark</name>
+    <author>Vince Liuice mod fkorpsvart</author>
+    <copyright>GPL-3.0+</copyright>
+    <date>2022.04.14</date>
+    <description>Catppuccin_Mid_Dark Metacity Theme</description>
+  </info>
+
+  <!-- ::: CONSTANTS ::: -->
+  <constant name="C_titlebar_gradient_a" value="gtk:custom(titlebar_gradient_a,shade/gtk:bg[NORMAL]/1.07)" />
+  <constant name="C_titlebar_gradient_b" value="gtk:custom(titlebar_gradient_b,gtk:bg[NORMAL])" />
+  <constant name="C_border_focused" value="gtk:custom(wm_border_focused,shade/gtk:bg[NORMAL]/0.65)" />
+  <constant name="C_border_unfocused" value="gtk:custom(wm_border_unfocused,shade/gtk:bg[NORMAL]/0.75)" />
+  <constant name="C_title_focused" value="gtk:custom(wm_title_focused,blend/gtk:fg[NORMAL]/gtk:bg[NORMAL]/0.3)" />
+  <constant name="C_title_focused_shadow" value="gtk:custom(wm_title_focused_shadow,shade/gtk:bg[NORMAL]/1.1)" />
+  <constant name="C_title_unfocused" value="gtk:custom(wm_title_unfocused,blend/gtk:fg[NORMAL]/gtk:bg[NORMAL]/0.6)" />
+  <constant name="C_title_unfocused_shadow" value="gtk:custom(wm_title_unfocused_shadow,shade/gtk:bg[NORMAL]/1.05)" />
+  <constant name="C_background" value="gtk:bg[NORMAL]" />
+  <constant name="C_highlight" value="gtk:custom(wm_highlight,gtk:base[NORMAL])" />
+
+  <!-- ::: GEOMETRY ::: -->
+  <frame_geometry name="normal" title_scale="medium" rounded_top_left="10" rounded_top_right="10">
+    <distance name="left_width" value="5" />
+    <distance name="right_width" value="5" />
+    <distance name="bottom_height" value="5" />
+    <distance name="left_titlebar_edge" value="10" />
+    <distance name="right_titlebar_edge" value="10" />
+    <distance name="title_vertical_pad" value="6" />
+    <aspect_ratio name="button" value="1.0" />
+    <border name="title_border" left="10" right="10" top="10" bottom="10" />
+    <border name="button_border" left="2" right="2" top="10" bottom="10" />
+  </frame_geometry>
+
+  <frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="10" rounded_top_right="10" parent="normal" />
+
+  <frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+  </frame_geometry>
+
+  <frame_geometry name="tiled_left" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max">
+    <distance name="right_width" value="1" />
+  </frame_geometry>
+
+  <frame_geometry name="tiled_right" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max">
+    <distance name="left_width" value="1" />
+  </frame_geometry>
+
+  <frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="false" rounded_top_right="false">
+    <distance name="title_vertical_pad" value="0" />
+    <border name="title_border" left="16" right="16" top="0" bottom="0" />
+    <border name="button_border" left="2" right="2" top="0" bottom="0" />
+  </frame_geometry>
+
+  <frame_geometry name="small_unfocused" parent="small">
+    <distance name="left_titlebar_edge" value="1" />
+    <distance name="right_titlebar_edge" value="1" />
+  </frame_geometry>
+
+  <frame_geometry name="nobuttons" hide_buttons="false" parent="normal" />
+
+  <frame_geometry name="border" has_title="false" rounded_top_left="8" rounded_top_right="8" parent="normal">
+    <distance name="left_width" value="1" />
+    <distance name="right_width" value="1" />
+    <distance name="bottom_height" value="1" />
+    <distance name="title_vertical_pad" value="0" />
+    <border name="title_border" left="16" right="16" top="0" bottom="0" />
+    <border name="button_border" left="2" right="2" top="0" bottom="0" />
+  </frame_geometry>
+
+  <frame_geometry name="borderless" has_title="false" rounded_top_left="8" rounded_top_right="8" parent="normal">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+    <distance name="title_vertical_pad" value="0" />
+    <border name="title_border" left="16" right="16" top="0" bottom="0" />
+    <border name="button_border" left="2" right="2" top="0" bottom="0" />
+  </frame_geometry>
+
+  <frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="8" rounded_top_right="8" rounded_bottom_right="false" rounded_bottom_left="false" parent="small"></frame_geometry>
+
+  <frame_geometry name="attached" title_scale="small" hide_buttons="true" rounded_top_left="8" rounded_top_right="8" parent="small"></frame_geometry>
+
+  <!-- ::: TITLES ::: -->
+  <draw_ops name="title_focused">
+    <title version="< 3.1" x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" color="C_title_focused_shadow" />
+    <title version="< 3.1" x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_focused" />
+    <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" ellipsize_width="width" color="C_title_focused_shadow" />
+    <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" y="(0 `max` ((height - title_height) / 2))" ellipsize_width="width" color="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="title_unfocused">
+    <title version="< 3.1" x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" color="C_title_unfocused_shadow" />
+    <title version="< 3.1" x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_unfocused" />
+    <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" ellipsize_width="width" color="C_title_unfocused_shadow" />
+    <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" y="(0 `max` ((height - title_height) / 2))" ellipsize_width="width" color="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- ::: WINDOW DECORATIONS ::: -->
+  <draw_ops name="entire_background_focused">
+    <rectangle color="C_titlebar_gradient_b" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="entire_background_unfocused">
+    <include name="entire_background_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_fill_focused">
+    <gradient type="vertical" x="0" y="0" width="width" height="title_height">
+      <color value="C_titlebar_gradient_a" />
+      <color value="C_titlebar_gradient_b" />
+    </gradient>
+  </draw_ops>
+
+  <draw_ops name="titlebar_fill_attached_focused">
+    <include name="entire_background_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_fill_unfocused">
+    <gradient type="vertical" x="0" y="0" width="width" height="title_height">
+      <color value="C_titlebar_gradient_a" />
+      <color value="C_titlebar_gradient_b" />
+    </gradient>
+  </draw_ops>
+
+  <draw_ops name="titlebar_focused">
+    <include name="titlebar_fill_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_attached_focused">
+    <!-- titlebar for attached and modal dialogs -->
+    <include name="titlebar_fill_attached_focused" />
+  </draw_ops>
+
+  <draw_ops name="rounded_titlebar_focused">
+    <include name="titlebar_fill_focused" />
+  </draw_ops>
+
+  <draw_ops name="border_focused">
+    <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" />
+  </draw_ops>
+
+  <draw_ops name="border_unfocused">
+    <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" />
+  </draw_ops>
+
+  <draw_ops name="rounded_border_focused">
+    <line color="C_border_focused" x1="12" y1="0" x2="width-13" y2="0" />
+    <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" />
+    <line color="C_border_focused" x1="0" y1="12" x2="0" y2="height-2" />
+    <line color="C_border_focused" x1="width-1" y1="12" x2="width-1" y2="height-2" />
+    <arc color="C_border_focused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" />
+    <arc color="C_border_focused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" />
+    <!-- double arcs for darker borders -->
+    <arc color="C_border_focused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" />
+    <arc color="C_border_focused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" />
+    <line color="C_highlight" x1="13" y1="1" x2="width - 14" y2="1" />
+    <arc color="C_highlight" x="0" y="1" width="25" height="25" start_angle="270" extent_angle="90" />
+    <arc color="C_highlight" x="width - 26" y="1" width="25" height="25" start_angle="0" extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="rounded_border_unfocused">
+    <line color="C_border_unfocused" x1="12" y1="0" x2="width-13" y2="0" />
+    <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" />
+    <line color="C_border_unfocused" x1="0" y1="12" x2="0" y2="height-2" />
+    <line color="C_border_unfocused" x1="width-1" y1="12" x2="width-1" y2="height-2" />
+    <arc color="C_border_unfocused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" />
+    <arc color="C_border_unfocused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" />
+    <!-- double arcs for darker borders -->
+    <arc color="C_border_unfocused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" />
+    <arc color="C_border_unfocused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" />
+    <line color="C_highlight" x1="13" y1="1" x2="width - 14" y2="1" />
+    <arc color="C_highlight" x="0" y="1" width="25" height="25" start_angle="270" extent_angle="90" />
+    <arc color="C_highlight" x="width - 26" y="1" width="25" height="25" start_angle="0" extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="dialog_fill_background">
+    <rectangle color="C_background" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="dialog_background">
+    <rectangle color="C_background" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="border_right_focused">
+    <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_focused" />
+  </draw_ops>
+
+  <draw_ops name="border_right_unfocused">
+    <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="border_left_focused">
+    <line x1="0" y1="0" x2="0" y2="height" color="C_border_focused" />
+  </draw_ops>
+
+  <draw_ops name="border_left_unfocused">
+    <line x1="0" y1="0" x2="0" y2="height" color="C_border_unfocused" />
+  </draw_ops>
+
+  <!-- ::: BUTTON ICONS ::: -->
+  <!-- note: negative values in x or y causes gnome-shell to crash -->
+  <!-- close icon -->
+  <draw_ops name="close_focused">
+    <image filename="titlebuttons/titlebutton-close.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_prelight">
+    <image filename="titlebuttons/titlebutton-close-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_pressed">
+    <image filename="titlebuttons/titlebutton-close-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-close-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-close-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- maximize icon -->
+  <draw_ops name="maximize_focused">
+    <image filename="titlebuttons/titlebutton-maximize.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_prelight">
+    <image filename="titlebuttons/titlebutton-maximize-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_pressed">
+    <image filename="titlebuttons/titlebutton-maximize-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-maximize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-maximize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- unmaximize icon -->
+  <draw_ops name="unmaximize_focused">
+    <image filename="titlebuttons/titlebutton-maximize.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_prelight">
+    <image filename="titlebuttons/titlebutton-unmaximize-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_pressed">
+    <image filename="titlebuttons/titlebutton-unmaximize-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-unmaximize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-unmaximize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- minimize icon -->
+  <draw_ops name="minimize_focused">
+    <image filename="titlebuttons/titlebutton-minimize.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_prelight">
+    <image filename="titlebuttons/titlebutton-minimize-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_pressed">
+    <image filename="titlebuttons/titlebutton-minimize-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-minimize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-minimize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- Menu icon -->
+  <draw_ops name="menu_focused">
+    <image filename="titlebuttons/titlebutton-menu.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_focused_prelight">
+    <image filename="titlebuttons/titlebutton-menu-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_focused_pressed">
+    <image filename="titlebuttons/titlebutton-menu-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-menu-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-menu-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- shade icon -->
+  <draw_ops name="shade_focused">
+    <image filename="titlebuttons/titlebutton-shade.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_prelight">
+    <image filename="titlebuttons/titlebutton-shade-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_pressed">
+    <image filename="titlebuttons/titlebutton-shade-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-shade-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-shade-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- unshade icon -->
+  <draw_ops name="unshade_focused">
+    <image filename="titlebuttons/titlebutton-unshade.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_prelight">
+    <image filename="titlebuttons/titlebutton-unshade-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_pressed">
+    <image filename="titlebuttons/titlebutton-unshade-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-unshade-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-unshade-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- ::: FRAME STYLES ::: -->
+  <frame_style name="normal_focused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="rounded_titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="rounded_border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_unfocused" geometry="normal_unfocused">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="rounded_border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_focused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_unfocused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_shaded_focused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_shaded_unfocused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="dialog_focused" geometry="nobuttons">
+    <piece position="entire_background" draw_ops="dialog_background" />
+    <piece position="titlebar" draw_ops="dialog_fill_background" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="rounded_border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="dialog_unfocused" geometry="nobuttons">
+    <piece position="entire_background" draw_ops="dialog_background" />
+    <piece position="titlebar" draw_ops="dialog_fill_background" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="rounded_border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="modal_dialog_focused" geometry="modal">
+    <piece position="entire_background" draw_ops="dialog_background" />
+    <piece position="titlebar" draw_ops="dialog_fill_background" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="rounded_border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="modal_dialog_unfocused" geometry="modal">
+    <piece position="entire_background" draw_ops="dialog_background" />
+    <piece position="titlebar" draw_ops="dialog_fill_background" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="rounded_border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="utility_focused" geometry="small">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="utility_unfocused" geometry="small_unfocused">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="border_focused" geometry="border">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="overlay" draw_ops="border_focused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="border_unfocused" geometry="border">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="overlay" draw_ops="border_unfocused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="borderless" geometry="borderless">
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="attached_focused" geometry="attached">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_attached_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_focused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="attached_unfocused" geometry="attached">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_attached_focused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_unfocused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_left_focused" geometry="tiled_left">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_right_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_left_unfocused" geometry="tiled_left">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_right_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_right_focused" geometry="tiled_right">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_left_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_right_unfocused" geometry="tiled_right">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_left_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <!-- placeholder for unimplementated styles-->
+  <frame_style name="blank" geometry="normal">
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <!-- ::: FRAME STYLE SETS ::: -->
+  <frame_style_set name="normal_style_set">
+    <frame focus="yes" state="normal" resize="both" style="normal_focused" />
+    <frame focus="no" state="normal" resize="both" style="normal_unfocused" />
+    <frame focus="yes" state="maximized" style="normal_max_focused" />
+    <frame focus="no" state="maximized" style="normal_max_unfocused" />
+    <frame focus="yes" state="shaded" style="normal_focused" />
+    <frame focus="no" state="shaded" style="normal_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" />
+    <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused" />
+  </frame_style_set>
+
+  <frame_style_set name="dialog_style_set">
+    <frame focus="yes" state="normal" resize="both" style="dialog_focused" />
+    <frame focus="no" state="normal" resize="both" style="dialog_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="dialog_focused" />
+    <frame focus="no" state="shaded" style="dialog_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="modal_dialog_style_set">
+    <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" />
+    <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="modal_dialog_focused" />
+    <frame focus="no" state="shaded" style="modal_dialog_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="utility_style_set">
+    <frame focus="yes" state="normal" resize="both" style="utility_focused" />
+    <frame focus="no" state="normal" resize="both" style="utility_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="utility_focused" />
+    <frame focus="no" state="shaded" style="utility_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="border_style_set">
+    <frame focus="yes" state="normal" resize="both" style="border_focused" />
+    <frame focus="no" state="normal" resize="both" style="border_unfocused" />
+    <frame focus="yes" state="maximized" style="borderless" />
+    <frame focus="no" state="maximized" style="borderless" />
+    <frame focus="yes" state="shaded" style="blank" />
+    <frame focus="no" state="shaded" style="blank" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="attached_style_set">
+    <frame focus="yes" state="normal" resize="both" style="attached_focused" />
+    <frame focus="no" state="normal" resize="both" style="attached_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="blank" />
+    <frame focus="no" state="shaded" style="blank" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <!-- ::: WINDOWS ::: -->
+  <window type="normal" style_set="normal_style_set" />
+  <window type="dialog" style_set="dialog_style_set" />
+  <window type="modal_dialog" style_set="modal_dialog_style_set" />
+  <window type="menu" style_set="utility_style_set" />
+  <window type="utility" style_set="utility_style_set" />
+  <window type="border" style_set="border_style_set" />
+  <window version=">= 3.2" type="attached" style_set="attached_style_set" />
+
+</metacity_theme>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/thumbnail.png b/Material/files/Material/config/Palenight-B/metacity-1/thumbnail.png
new file mode 100644
index 000000000..3464e98f0
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/metacity-1/thumbnail.png differ
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-backdrop.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-backdrop.svg
new file mode 100644
index 000000000..6fdb56d1f
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-backdrop.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg11"
+   sodipodi:docname="titlebutton-backdrop.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs15" />
+  <sodipodi:namedview
+     id="namedview13"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0691643"
+     inkscape:cy="8.0115274"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g901"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <g
+     id="g901">
+    <rect
+       x="0"
+       y="-1.4648437e-05"
+       width="16"
+       height="16"
+       ry="1.6931001e-05"
+       opacity="0"
+       stroke-width="0.47432"
+       style="paint-order:markers stroke fill"
+       id="rect2" />
+    <g
+       transform="translate(1,1)"
+       enable-background="new"
+       id="g8"
+       style="fill:#494d64;fill-opacity:1">
+      <g
+         transform="translate(-5,-1033.4)"
+         fill-rule="evenodd"
+         id="g6"
+         style="fill:#494d64;fill-opacity:1">
+        <path
+           d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+           fill="#5d5d5d"
+           id="path4"
+           style="fill:#494d64;fill-opacity:1" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-close-active.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-close-active.svg
new file mode 100644
index 000000000..eb4f28a3f
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-close-active.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg14"
+   sodipodi:docname="titlebutton-close-active.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs18" />
+  <sodipodi:namedview
+     id="namedview16"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0691643"
+     inkscape:cy="8.0115274"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg14"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <g
+     transform="matrix(1.2857103,0,0,1.2857103,-1.0032855,-1.009265)"
+     enable-background="new"
+     id="g8"
+     style="fill:#ed8796;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       id="g6"
+       style="fill:#ed8796;fill-opacity:1">
+      <g
+         fill-rule="evenodd"
+         id="g4"
+         style="fill:#ed8796;fill-opacity:1">
+        <path
+           d="m 12.003,1045.9 c 3.0068,0 5.4444,-2.4375 5.4444,-5.4444 0,-3.0069 -2.4376,-5.4445 -5.4444,-5.4445 -3.0069,0 -5.4445,2.4376 -5.4445,5.4445 0,3.0069 2.4376,5.4444 5.4445,5.4444"
+           fill="#cb4e43"
+           stroke-width="0.77778"
+           id="path2"
+           style="fill:#ed8796;fill-opacity:1" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-close-backdrop-active.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-close-backdrop-active.svg
new file mode 100644
index 000000000..b59fcba3f
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-close-backdrop-active.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-close-backdrop-active.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8.0345821"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <rect
+     x="0"
+     y="-1.4648437e-05"
+     width="16"
+     height="16"
+     ry="1.6931001e-05"
+     opacity="0"
+     stroke-width="0.47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <g
+     transform="translate(1,1)"
+     enable-background="new"
+     id="g8"
+     style="fill:#ed8796;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g6"
+       style="fill:#ed8796;fill-opacity:1">
+      <path
+         d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+         fill="#4d4d4d"
+         id="path4"
+         style="fill:#ed8796;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-close-backdrop.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-close-backdrop.svg
new file mode 100644
index 000000000..99dee5048
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-close-backdrop.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-close-backdrop.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0691643"
+     inkscape:cy="8.0115274"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <rect
+     x="0"
+     y="-1.4648437e-05"
+     width="16"
+     height="16"
+     ry="1.6931001e-05"
+     opacity="0"
+     stroke-width="0.47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <g
+     transform="translate(1,1)"
+     enable-background="new"
+     id="g8"
+     style="fill:#ee99a0;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g6"
+       style="fill:#ee99a0;fill-opacity:1">
+      <path
+         d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+         fill="#5d5d5d"
+         id="path4"
+         style="fill:#ee99a0;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-close-hover.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-close-hover.svg
new file mode 100644
index 000000000..49fb880ef
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-close-hover.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-close-hover.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8.0345821"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <path
+     d="m8.0005 15.002c3.8659 0 6.9999-3.134 6.9999-7 0-3.866-3.134-6.9999-6.9999-6.9999-3.866 0-7 3.1339-7 6.9999 0 3.866 3.134 7 7 7"
+     fill="#e9524a"
+     fill-rule="evenodd"
+     id="path2"
+     style="fill:#ee99a0;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-close.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-close.svg
new file mode 100644
index 000000000..a35d437e1
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-close.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-close.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0691643"
+     inkscape:cy="8.0115274"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <rect
+     y="6.1035e-7"
+     width="16"
+     height="16"
+     ry="1.6931e-5"
+     opacity="0"
+     stroke-width=".47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <path
+     d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7"
+     fill="#e9524a"
+     fill-rule="evenodd"
+     id="path4"
+     style="fill:#ed8796;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-maximize-active.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-maximize-active.svg
new file mode 100644
index 000000000..525777b48
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-maximize-active.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg10"
+   sodipodi:docname="titlebutton-maximize-active.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs14" />
+  <sodipodi:namedview
+     id="namedview12"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8.0345821"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg10"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <g
+     transform="matrix(3.7795,0,0,3.7795,-340.99873,-468.52023)"
+     fill-rule="evenodd"
+     id="g4"
+     style="fill:#a6da95;fill-opacity:1">
+    <path
+       d="m 92.34,127.93 c 1.0229,0 1.8521,-0.82923 1.8521,-1.8521 0,-1.0229 -0.82921,-1.8521 -1.8521,-1.8521 -1.0229,0 -1.8521,0.82923 -1.8521,1.8521 0,1.0229 0.82921,1.8521 1.8521,1.8521"
+       fill="#20a932"
+       stroke-width="0.77781"
+       id="path2"
+       style="fill:#a6da95;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-maximize-backdrop-active.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-maximize-backdrop-active.svg
new file mode 100644
index 000000000..ed1f6e9d7
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-maximize-backdrop-active.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-maximize-backdrop-active.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8.0345821"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <rect
+     x="0"
+     y="-1.4648437e-05"
+     width="16"
+     height="16"
+     ry="1.6931001e-05"
+     opacity="0"
+     stroke-width="0.47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <g
+     transform="translate(1,1)"
+     enable-background="new"
+     id="g8"
+     style="fill:#a6da95;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g6"
+       style="fill:#a6da95;fill-opacity:1">
+      <path
+         d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+         fill="#4d4d4d"
+         id="path4"
+         style="fill:#a6da95;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-maximize-backdrop.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-maximize-backdrop.svg
new file mode 100644
index 000000000..2098fbe55
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-maximize-backdrop.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-maximize-backdrop.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0691643"
+     inkscape:cy="8.0115274"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <rect
+     x="0"
+     y="-1.4648437e-05"
+     width="16"
+     height="16"
+     ry="1.6931001e-05"
+     opacity="0"
+     stroke-width="0.47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <g
+     transform="translate(1,1)"
+     enable-background="new"
+     id="g8"
+     style="fill:#8bd5ca;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g6"
+       style="fill:#8bd5ca;fill-opacity:1">
+      <path
+         d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+         fill="#5d5d5d"
+         id="path4"
+         style="fill:#8bd5ca;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-maximize-hover.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-maximize-hover.svg
new file mode 100644
index 000000000..248b7e640
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-maximize-hover.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-maximize-hover.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8.0345821"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <path
+     d="m8.0019 14.999c3.8661 0 7-3.1339 7-7 0-3.8661-3.134-7-7-7-3.8661 0-7 3.134-7 7 0 3.8661 3.134 7 7 7"
+     fill="#59c837"
+     fill-rule="evenodd"
+     stroke-width="2.9396"
+     id="path2"
+     style="fill:#8bd5ca;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-maximize.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-maximize.svg
new file mode 100644
index 000000000..879b21ff8
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-maximize.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-maximize.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0691643"
+     inkscape:cy="8.0115274"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <rect
+     y="6.1035e-7"
+     width="16"
+     height="16"
+     ry="1.6931e-5"
+     opacity="0"
+     stroke-width=".47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <path
+     d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7"
+     fill="#59c837"
+     fill-rule="evenodd"
+     id="path4"
+     style="fill:#a6da95;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-menu-active.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-menu-active.svg
new file mode 100644
index 000000000..92a3644c5
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-menu-active.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg14"
+   sodipodi:docname="titlebutton-menu-active.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs18" />
+  <sodipodi:namedview
+     id="namedview16"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="7.9322034"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg14" />
+  <path
+     d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7"
+     fill="#4d4d4d"
+     id="path2"
+     style="fill:#494d64;fill-opacity:1" />
+  <g
+     id="titlebutton-minimize-backdrop"
+     transform="translate(-253,268.64)">
+    <rect
+       x="253"
+       y="-268.64"
+       width="16"
+       height="16"
+       ry="1.6931e-5"
+       opacity="0"
+       stroke-width=".47432"
+       style="paint-order:markers stroke fill"
+       id="rect4" />
+    <g
+       transform="translate(254,-267.64)"
+       enable-background="new"
+       id="g6" />
+  </g>
+  <g
+     id="menu_focused_prelight"
+     transform="matrix(3.7795 0 0 3.7795 -384 -278.52)">
+    <rect
+       x="101.6"
+       y="73.692"
+       width="4.2333"
+       height="4.2333"
+       ry="4.4796e-6"
+       opacity="0"
+       stroke-width=".1255"
+       style="paint-order:markers stroke fill"
+       id="rect9" />
+    <circle
+       transform="scale(1,-1)"
+       cx="103.72"
+       cy="-75.808"
+       r=".66146"
+       fill="#000000"
+       fill-opacity=".96838"
+       opacity=".5"
+       id="circle11" />
+  </g>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-menu-backdrop-active.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-menu-backdrop-active.svg
new file mode 120000
index 000000000..6c570efde
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-menu-backdrop-active.svg
@@ -0,0 +1 @@
+titlebutton-menu-active.svg
\ No newline at end of file
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-menu-backdrop.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-menu-backdrop.svg
new file mode 120000
index 000000000..74c19dff2
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-menu-backdrop.svg
@@ -0,0 +1 @@
+titlebutton-menu-hover.svg
\ No newline at end of file
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-menu-hover.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-menu-hover.svg
new file mode 100644
index 000000000..500b1eea2
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-menu-hover.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg14"
+   sodipodi:docname="titlebutton-menu-hover.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs18" />
+  <sodipodi:namedview
+     id="namedview16"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="7.9322034"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg14" />
+  <path
+     d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7"
+     fill="#5d5d5d"
+     id="path2"
+     style="fill:#494d64;fill-opacity:1" />
+  <g
+     id="titlebutton-minimize-backdrop"
+     transform="translate(-253,268.64)">
+    <rect
+       x="253"
+       y="-268.64"
+       width="16"
+       height="16"
+       ry="1.6931e-5"
+       opacity="0"
+       stroke-width=".47432"
+       style="paint-order:markers stroke fill"
+       id="rect4" />
+    <g
+       transform="translate(254,-267.64)"
+       enable-background="new"
+       id="g6" />
+  </g>
+  <g
+     id="menu_focused_prelight"
+     transform="matrix(3.7795 0 0 3.7795 -384 -278.52)">
+    <rect
+       x="101.6"
+       y="73.692"
+       width="4.2333"
+       height="4.2333"
+       ry="4.4796e-6"
+       opacity="0"
+       stroke-width=".1255"
+       style="paint-order:markers stroke fill"
+       id="rect9" />
+    <circle
+       transform="scale(1,-1)"
+       cx="103.72"
+       cy="-75.808"
+       r=".66146"
+       fill="#000000"
+       fill-opacity=".96838"
+       opacity=".5"
+       id="circle11" />
+  </g>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-menu.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-menu.svg
new file mode 120000
index 000000000..2a679ce4b
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-menu.svg
@@ -0,0 +1 @@
+titlebutton-backdrop.svg
\ No newline at end of file
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-minimize-active.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-minimize-active.svg
new file mode 100644
index 000000000..31a0bb865
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-minimize-active.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg12"
+   sodipodi:docname="titlebutton-minimize-active.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs16" />
+  <sodipodi:namedview
+     id="namedview14"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8.0345821"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg12"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <g
+     transform="matrix(1.0002447,0,0,1.0002447,1.9952185,1.4e-4)"
+     enable-background="new"
+     id="g6"
+     style="fill:#f5a97f;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g4"
+       style="fill:#f5a97f;fill-opacity:1">
+      <path
+         d="m 11.003,1048.4 c 3.865,0 6.9982,-3.1332 6.9982,-6.9983 0,-3.8651 -3.1333,-6.9984 -6.9982,-6.9984 -3.865,0 -6.9983,3.1332 -6.9983,6.9984 0,3.865 3.1333,6.9983 6.9983,6.9983"
+         fill="#caa124"
+         stroke-width="0.77778"
+         id="path2"
+         style="fill:#f5a97f;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-minimize-backdrop-active.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-minimize-backdrop-active.svg
new file mode 100644
index 000000000..aa3a95e51
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-minimize-backdrop-active.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-minimize-backdrop-active.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8.0345821"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <rect
+     x="0"
+     y="-1.4648437e-05"
+     width="16"
+     height="16"
+     ry="1.6931001e-05"
+     opacity="0"
+     stroke-width="0.47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <g
+     transform="translate(1,1)"
+     enable-background="new"
+     id="g8"
+     style="fill:#f5a97f;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g6"
+       style="fill:#f5a97f;fill-opacity:1">
+      <path
+         d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+         fill="#4d4d4d"
+         id="path4"
+         style="fill:#f5a97f;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-minimize-backdrop.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-minimize-backdrop.svg
new file mode 100644
index 000000000..6097ccc06
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-minimize-backdrop.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-minimize-backdrop.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0691643"
+     inkscape:cy="8.0115274"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <rect
+     x="0"
+     y="-1.4648437e-05"
+     width="16"
+     height="16"
+     ry="1.6931001e-05"
+     opacity="0"
+     stroke-width="0.47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <g
+     transform="translate(1,1)"
+     enable-background="new"
+     id="g8"
+     style="fill:#eed49f;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g6"
+       style="fill:#eed49f;fill-opacity:1">
+      <path
+         d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+         fill="#5d5d5d"
+         id="path4"
+         style="fill:#eed49f;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-minimize-hover.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-minimize-hover.svg
new file mode 100644
index 000000000..12f71b480
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-minimize-hover.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-minimize-hover.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8.0345821"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <path
+     d="m7.9999 15.004c3.8659 0 6.9999-3.134 6.9999-7 0-3.866-3.1341-7.0001-6.9999-7.0001-3.866 0-7.0001 3.134-7.0001 7.0001 0 3.8659 3.1341 7 7.0001 7"
+     fill="#f1ae1b"
+     fill-rule="evenodd"
+     stroke-width=".77797"
+     id="path2"
+     style="fill:#eed49f;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-minimize.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-minimize.svg
new file mode 100644
index 000000000..140fd4939
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-minimize.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-minimize.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0691643"
+     inkscape:cy="8.0115274"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <rect
+     y="6.1035e-7"
+     width="16"
+     height="16"
+     ry="1.6931e-5"
+     opacity="0"
+     stroke-width=".47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <path
+     d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7"
+     fill="#f1ae1b"
+     fill-rule="evenodd"
+     id="path4"
+     style="fill:#f5a97f;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-shade-active.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-shade-active.svg
new file mode 100644
index 000000000..7176dd7dd
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-shade-active.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-shade-active.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="7.9322034"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="-0.0040094261"
+     y="-0.0019087296"
+     width="15.999758"
+     height="15.999758"
+     ry="1.693065e-05"
+     opacity="0"
+     stroke-width="0.474327"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <path
+     d="m 7.997184,14.99893 c 3.866051,0 7.000012,-3.133961 7.000012,-7.0000119 0,-3.8660506 -3.133999,-7.000012 -7.000012,-7.000012 -3.8660506,0 -7.00001195,3.1339614 -7.00001195,7.000012 0,3.8660509 3.13399915,7.0000119 7.00001195,7.0000119"
+     fill="#0b67ef"
+     fill-rule="evenodd"
+     id="path4"
+     style="stroke-width:3.7795;fill:#8aadf4;fill-opacity:1" />
+  <g
+     transform="matrix(0.99998011,0,0,0.99998011,-0.00265685,0.49906722)"
+     fill="#c0e3ff"
+     id="g10">
+    <g
+       transform="translate(-81,-967)"
+       fill="#c0e3ff"
+       id="g8">
+      <path
+         transform="translate(-41,867)"
+         d="m 130,104 -2,3 h 1 v 4 h 2 v -4 h 1 z"
+         color="#000000"
+         fill="#000000"
+         opacity="0.5"
+         style="text-indent:0;text-decoration-line:none;text-transform:none"
+         id="path6" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-shade-backdrop-active.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-shade-backdrop-active.svg
new file mode 100644
index 000000000..d9492dfb6
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-shade-backdrop-active.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg11"
+   sodipodi:docname="titlebutton-shade-backdrop-active.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs15" />
+  <sodipodi:namedview
+     id="namedview13"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="7.9322034"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg11" />
+  <path
+     d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7"
+     fill="#4d4d4d"
+     id="path2"
+     style="fill:#363a4f;fill-opacity:1" />
+  <g
+     id="titlebutton-minimize-backdrop"
+     transform="translate(-253 268.64)">
+    <rect
+       x="253"
+       y="-268.64"
+       width="16"
+       height="16"
+       ry="1.6931e-5"
+       opacity="0"
+       stroke-width=".47432"
+       style="paint-order:markers stroke fill"
+       id="rect4" />
+    <g
+       transform="translate(254,-267.64)"
+       enable-background="new"
+       id="g6" />
+  </g>
+  <path
+     d="m 7.9999,4.5 -2,3 h 1 v 4 h 2 v -4 h 1 z"
+     color="#000000"
+     fill="#000000"
+     opacity="0.5"
+     style="text-indent:0;text-decoration-line:none;text-transform:none"
+     id="path9" />
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-shade-backdrop.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-shade-backdrop.svg
new file mode 100644
index 000000000..6a3fd0a9f
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-shade-backdrop.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg875"
+   sodipodi:docname="titlebutton-shade-backdrop.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs879" />
+  <sodipodi:namedview
+     id="namedview877"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="8.1355932"
+     inkscape:cy="8.1016949"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg875" />
+  <path
+     d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7"
+     fill="#5d5d5d"
+     id="path866"
+     style="fill:#494d64;fill-opacity:1" />
+  <g
+     id="titlebutton-minimize-backdrop"
+     transform="translate(-253 268.64)">
+    <rect
+       x="253"
+       y="-268.64"
+       width="16"
+       height="16"
+       ry="1.6931e-5"
+       opacity="0"
+       stroke-width=".47432"
+       style="paint-order:markers stroke fill"
+       id="rect868" />
+    <g
+       transform="translate(254,-267.64)"
+       enable-background="new"
+       id="g870" />
+  </g>
+  <path
+     d="m 7.9999,4.5 -2,3 h 1 v 4 h 2 v -4 h 1 z"
+     color="#000000"
+     fill="#000000"
+     opacity="0.5"
+     style="text-indent:0;text-decoration-line:none;text-transform:none"
+     id="path873" />
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-shade-hover.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-shade-hover.svg
new file mode 100644
index 000000000..c239fd7df
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-shade-hover.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-shade-hover.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="9.220339"
+     inkscape:cy="9.3559322"
+     inkscape:window-width="1838"
+     inkscape:window-height="862"
+     inkscape:window-x="47"
+     inkscape:window-y="47"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="-0.0040094261"
+     y="-0.001080925"
+     width="15.999758"
+     height="15.999758"
+     ry="1.693065e-05"
+     opacity="0"
+     stroke-width="0.474327"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <path
+     d="m 7.997184,14.99597 c 3.866051,0 7.000012,-3.133961 7.000012,-7.000012 0,-3.8660505 -3.133999,-7.0000119 -7.000012,-7.0000119 -3.8660506,0 -7.00001195,3.1339614 -7.00001195,7.0000119 0,3.866051 3.13399915,7.000012 7.00001195,7.000012"
+     fill="#4285f4"
+     fill-rule="evenodd"
+     id="path4"
+     style="stroke-width:3.7795;fill:#7dc4e4;fill-opacity:1" />
+  <g
+     transform="matrix(0.99998011,0,0,0.99998011,-0.00265685,0.49610722)"
+     fill="#c0e3ff"
+     id="g10">
+    <g
+       transform="translate(-81,-967)"
+       fill="#c0e3ff"
+       id="g8">
+      <path
+         transform="translate(-41,867)"
+         d="m 130,104 -2,3 h 1 v 4 h 2 v -4 h 1 z"
+         color="#000000"
+         fill="#000000"
+         opacity="0.5"
+         style="text-indent:0;text-decoration-line:none;text-transform:none"
+         id="path6" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-shade.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-shade.svg
new file mode 100644
index 000000000..62b39191d
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-shade.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg11"
+   sodipodi:docname="titlebutton-shade.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs15" />
+  <sodipodi:namedview
+     id="namedview13"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="7.9322034"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg11" />
+  <rect
+     x="0"
+     y="6.1035155e-07"
+     width="16"
+     height="16"
+     ry="1.6931001e-05"
+     opacity="0"
+     stroke-width="0.47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <g
+     transform="translate(1,1)"
+     enable-background="new"
+     id="g8"
+     style="fill:#7dc4e4;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g6"
+       style="fill:#7dc4e4;fill-opacity:1">
+      <path
+         d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+         fill="#4285f4"
+         id="path4"
+         style="fill:#7dc4e4;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unmaximize-active.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unmaximize-active.svg
new file mode 100644
index 000000000..6c5e4694d
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unmaximize-active.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="titlebutton-unmaximize-active.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs12" />
+  <sodipodi:namedview
+     id="namedview10"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0691643"
+     inkscape:cy="8.0115274"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <g
+     transform="matrix(3.7795 0 0 3.7795 -341 -468.52)"
+     fill-rule="evenodd"
+     id="g4"
+     style="fill:#a6da95;fill-opacity:1">
+    <path
+       d="m92.34 127.93c1.0229 0 1.8521-0.82923 1.8521-1.8521 0-1.0229-0.82921-1.8521-1.8521-1.8521-1.0229 0-1.8521 0.82923-1.8521 1.8521 0 1.0229 0.82921 1.8521 1.8521 1.8521"
+       fill="#20a932"
+       stroke-width=".77781"
+       id="path2"
+       style="fill:#a6da95;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop-active.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop-active.svg
new file mode 100644
index 000000000..138264846
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop-active.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-unmaximize-backdrop-active.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8.0345821"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <path
+     d="m8.0019 14.999c3.8661 0 7-3.1339 7-7s-3.134-7-7-7c-3.8661 0-7 3.134-7 7 0 3.8661 3.134 7 7 7"
+     fill="#4d4d4d"
+     fill-rule="evenodd"
+     stroke-width="2.9396"
+     id="path2"
+     style="fill:#a6da95;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop.svg
new file mode 100644
index 000000000..5679108a7
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-unmaximize-backdrop.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0691643"
+     inkscape:cy="8.0115274"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <path
+     d="m8.0019 14.999c3.8661 0 7-3.1339 7-7s-3.134-7-7-7c-3.8661 0-7 3.134-7 7 0 3.8661 3.134 7 7 7"
+     fill="#5d5d5d"
+     fill-rule="evenodd"
+     stroke-width="2.9396"
+     id="path2"
+     style="fill:#8bd5ca;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unmaximize-hover.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unmaximize-hover.svg
new file mode 100644
index 000000000..9fb7fbb1f
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unmaximize-hover.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-unmaximize-hover.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8.0345821"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#505050" />
+  <path
+     d="m8.0019 14.999c3.8661 0 7-3.1339 7-7s-3.134-7-7-7c-3.8661 0-7 3.134-7 7 0 3.8661 3.134 7 7 7"
+     fill="#59c837"
+     fill-rule="evenodd"
+     stroke-width="2.9396"
+     id="path2"
+     style="fill:#8bd5ca;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unshade-active.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unshade-active.svg
new file mode 100644
index 000000000..1c8df9a34
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unshade-active.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg153"
+   sodipodi:docname="titlebutton-unshade-active.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs157" />
+  <sodipodi:namedview
+     id="namedview155"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="8"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg153" />
+  <rect
+     x="-0.0040094261"
+     y="-16.001909"
+     width="15.999758"
+     height="15.999758"
+     ry="1.693065e-05"
+     opacity="0"
+     stroke-width="0.474327"
+     style="paint-order:markers stroke fill"
+     id="rect142"
+     transform="scale(1,-1)" />
+  <path
+     d="m 7.997184,1.00107 c 3.866051,0 7.000012,3.1339614 7.000012,7.0000119 0,3.8660501 -3.133999,7.0000121 -7.000012,7.0000121 -3.8660506,0 -7.00001195,-3.133962 -7.00001195,-7.0000121 0,-3.8660505 3.13399915,-7.0000119 7.00001195,-7.0000119"
+     fill="#0b67ef"
+     fill-rule="evenodd"
+     id="path144"
+     style="stroke-width:3.7795;fill:#8aadf4;fill-opacity:1" />
+  <g
+     transform="matrix(0.99998011,0,0,-0.99998011,-0.00265685,15.500933)"
+     fill="#c0e3ff"
+     id="g150">
+    <g
+       transform="translate(-81,-967)"
+       fill="#c0e3ff"
+       id="g148">
+      <path
+         transform="translate(-41,867)"
+         d="m 130,104 -2,3 h 1 v 4 h 2 v -4 h 1 z"
+         color="#000000"
+         fill="#000000"
+         opacity="0.5"
+         style="text-indent:0;text-decoration-line:none;text-transform:none"
+         id="path146" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unshade-backdrop-active.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unshade-backdrop-active.svg
new file mode 100644
index 000000000..22e2f59ab
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unshade-backdrop-active.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg870"
+   sodipodi:docname="titlebutton-unshade-backdrop-active.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs874" />
+  <sodipodi:namedview
+     id="namedview872"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="8"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg870" />
+  <path
+     d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7"
+     fill="#4d4d4d"
+     id="path861"
+     style="fill:#363a4f;fill-opacity:1" />
+  <g
+     id="titlebutton-minimize-backdrop"
+     transform="matrix(1 0 0 -1 -253 -252.64)">
+    <rect
+       x="253"
+       y="-268.64"
+       width="16"
+       height="16"
+       ry="1.6931e-5"
+       opacity="0"
+       stroke-width=".47432"
+       style="paint-order:markers stroke fill"
+       id="rect863" />
+    <g
+       transform="translate(254,-267.64)"
+       enable-background="new"
+       id="g865" />
+  </g>
+  <path
+     d="m 7.9999,11.5 -2,-3 h 1 v -4 h 2 v 4 h 1 z"
+     color="#000000"
+     fill="#000000"
+     opacity="0.5"
+     style="text-indent:0;text-decoration-line:none;text-transform:none"
+     id="path868" />
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unshade-backdrop.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unshade-backdrop.svg
new file mode 100644
index 000000000..df2a1e3c7
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unshade-backdrop.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg1378"
+   sodipodi:docname="titlebutton-unshade-backdrop.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs1382" />
+  <sodipodi:namedview
+     id="namedview1380"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="8"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1378" />
+  <path
+     d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7"
+     fill="#5d5d5d"
+     id="path1369"
+     style="fill:#494d64;fill-opacity:1" />
+  <g
+     id="titlebutton-minimize-backdrop"
+     transform="matrix(1 0 0 -1 -253 -252.64)">
+    <rect
+       x="253"
+       y="-268.64"
+       width="16"
+       height="16"
+       ry="1.6931e-5"
+       opacity="0"
+       stroke-width=".47432"
+       style="paint-order:markers stroke fill"
+       id="rect1371" />
+    <g
+       transform="translate(254,-267.64)"
+       enable-background="new"
+       id="g1373" />
+  </g>
+  <path
+     d="m 7.9999,11.5 -2,-3 h 1 v -4 h 2 v 4 h 1 z"
+     color="#000000"
+     fill="#000000"
+     opacity="0.5"
+     style="text-indent:0;text-decoration-line:none;text-transform:none"
+     id="path1376" />
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unshade-hover.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unshade-hover.svg
new file mode 100644
index 000000000..4767f2e12
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unshade-hover.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-unshade-hover.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="7.9322034"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1005"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="-0.0040094261"
+     y="-16.001081"
+     width="15.999758"
+     height="15.999758"
+     ry="1.693065e-05"
+     opacity="0"
+     stroke-width="0.474327"
+     style="paint-order:markers stroke fill"
+     id="rect2"
+     transform="scale(1,-1)" />
+  <path
+     d="m 7.997184,1.00403 c 3.866051,0 7.000012,3.1339614 7.000012,7.000012 0,3.86605 -3.133999,7.000012 -7.000012,7.000012 -3.8660506,0 -7.00001195,-3.133961 -7.00001195,-7.000012 0,-3.8660506 3.13399915,-7.000012 7.00001195,-7.000012"
+     fill="#4285f4"
+     fill-rule="evenodd"
+     id="path4"
+     style="stroke-width:3.7795;fill:#7dc4e4;fill-opacity:1" />
+  <g
+     transform="matrix(0.99998011,0,0,-0.99998011,-0.0040175,15.003298)"
+     fill="#c0e3ff"
+     id="g10">
+    <g
+       transform="translate(-81,-967)"
+       fill="#c0e3ff"
+       id="g8">
+      <path
+         d="m 89.001361,970.4994 -2,3 h 1 v 4 h 2 v -4 h 1 z"
+         color="#000000"
+         fill="#000000"
+         opacity="0.5"
+         style="text-indent:0;text-decoration-line:none;text-transform:none"
+         id="path6" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unshade.svg b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unshade.svg
new file mode 120000
index 000000000..58a2bbf2c
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/metacity-1/titlebuttons/titlebutton-unshade.svg
@@ -0,0 +1 @@
+titlebutton-shade.svg
\ No newline at end of file
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/bottom-active.png b/Material/files/Material/config/Palenight-B/xfwm4/bottom-active.png
new file mode 100644
index 000000000..f406ee677
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/bottom-active.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/bottom-inactive.png b/Material/files/Material/config/Palenight-B/xfwm4/bottom-inactive.png
new file mode 100644
index 000000000..b24cdd40c
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/bottom-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/bottom-left-active.png b/Material/files/Material/config/Palenight-B/xfwm4/bottom-left-active.png
new file mode 100644
index 000000000..f5f991661
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/bottom-left-active.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/bottom-left-inactive.png b/Material/files/Material/config/Palenight-B/xfwm4/bottom-left-inactive.png
new file mode 100644
index 000000000..99e00c960
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/bottom-left-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/bottom-right-active.png b/Material/files/Material/config/Palenight-B/xfwm4/bottom-right-active.png
new file mode 100644
index 000000000..24e26f884
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/bottom-right-active.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/bottom-right-inactive.png b/Material/files/Material/config/Palenight-B/xfwm4/bottom-right-inactive.png
new file mode 100644
index 000000000..52cfdf5f2
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/bottom-right-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/close-active.png b/Material/files/Material/config/Palenight-B/xfwm4/close-active.png
new file mode 100644
index 000000000..02be7bb92
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/close-active.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/close-inactive.png b/Material/files/Material/config/Palenight-B/xfwm4/close-inactive.png
new file mode 100644
index 000000000..4929b5d5f
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/close-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/close-prelight.png b/Material/files/Material/config/Palenight-B/xfwm4/close-prelight.png
new file mode 100644
index 000000000..9b3118f0d
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/close-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/close-pressed.png b/Material/files/Material/config/Palenight-B/xfwm4/close-pressed.png
new file mode 100644
index 000000000..02be7bb92
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/close-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/hide-active.png b/Material/files/Material/config/Palenight-B/xfwm4/hide-active.png
new file mode 100644
index 000000000..a9f62c343
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/hide-active.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/hide-inactive.png b/Material/files/Material/config/Palenight-B/xfwm4/hide-inactive.png
new file mode 100644
index 000000000..4929b5d5f
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/hide-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/hide-prelight.png b/Material/files/Material/config/Palenight-B/xfwm4/hide-prelight.png
new file mode 100644
index 000000000..48b653940
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/hide-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/hide-pressed.png b/Material/files/Material/config/Palenight-B/xfwm4/hide-pressed.png
new file mode 100644
index 000000000..a9f62c343
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/hide-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/left-active.png b/Material/files/Material/config/Palenight-B/xfwm4/left-active.png
new file mode 100644
index 000000000..f8961ab6c
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/left-active.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/left-inactive.png b/Material/files/Material/config/Palenight-B/xfwm4/left-inactive.png
new file mode 100644
index 000000000..f8997ddc3
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/left-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/maximize-active.png b/Material/files/Material/config/Palenight-B/xfwm4/maximize-active.png
new file mode 100644
index 000000000..4974842df
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/maximize-active.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/maximize-inactive.png b/Material/files/Material/config/Palenight-B/xfwm4/maximize-inactive.png
new file mode 100644
index 000000000..4929b5d5f
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/maximize-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/maximize-prelight.png b/Material/files/Material/config/Palenight-B/xfwm4/maximize-prelight.png
new file mode 100644
index 000000000..dc5606e52
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/maximize-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/maximize-pressed.png b/Material/files/Material/config/Palenight-B/xfwm4/maximize-pressed.png
new file mode 100644
index 000000000..4974842df
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/maximize-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/maximize-toggled-active.png b/Material/files/Material/config/Palenight-B/xfwm4/maximize-toggled-active.png
new file mode 100644
index 000000000..4974842df
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/maximize-toggled-active.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/maximize-toggled-inactive.png b/Material/files/Material/config/Palenight-B/xfwm4/maximize-toggled-inactive.png
new file mode 100644
index 000000000..4929b5d5f
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/maximize-toggled-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/maximize-toggled-prelight.png b/Material/files/Material/config/Palenight-B/xfwm4/maximize-toggled-prelight.png
new file mode 100644
index 000000000..dc5606e52
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/maximize-toggled-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/maximize-toggled-pressed.png b/Material/files/Material/config/Palenight-B/xfwm4/maximize-toggled-pressed.png
new file mode 100644
index 000000000..4974842df
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/maximize-toggled-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/menu-active.png b/Material/files/Material/config/Palenight-B/xfwm4/menu-active.png
new file mode 100644
index 000000000..b269c26d6
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/menu-active.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/menu-inactive.png b/Material/files/Material/config/Palenight-B/xfwm4/menu-inactive.png
new file mode 100644
index 000000000..749ccb281
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/menu-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/menu-prelight.png b/Material/files/Material/config/Palenight-B/xfwm4/menu-prelight.png
new file mode 100644
index 000000000..125ed2f94
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/menu-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/menu-pressed.png b/Material/files/Material/config/Palenight-B/xfwm4/menu-pressed.png
new file mode 100644
index 000000000..5e9f570c7
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/menu-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/right-active.png b/Material/files/Material/config/Palenight-B/xfwm4/right-active.png
new file mode 100644
index 000000000..f8961ab6c
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/right-active.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/right-inactive.png b/Material/files/Material/config/Palenight-B/xfwm4/right-inactive.png
new file mode 100644
index 000000000..f8997ddc3
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/right-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/shade-active.png b/Material/files/Material/config/Palenight-B/xfwm4/shade-active.png
new file mode 100644
index 000000000..d6dd72fb6
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/shade-active.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/shade-inactive.png b/Material/files/Material/config/Palenight-B/xfwm4/shade-inactive.png
new file mode 100644
index 000000000..817641e05
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/shade-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/shade-prelight.png b/Material/files/Material/config/Palenight-B/xfwm4/shade-prelight.png
new file mode 100644
index 000000000..3fc5fe14d
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/shade-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/shade-pressed.png b/Material/files/Material/config/Palenight-B/xfwm4/shade-pressed.png
new file mode 100644
index 000000000..5e9f570c7
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/shade-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/shade-toggled-active.png b/Material/files/Material/config/Palenight-B/xfwm4/shade-toggled-active.png
new file mode 100644
index 000000000..b269c26d6
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/shade-toggled-active.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/shade-toggled-inactive.png b/Material/files/Material/config/Palenight-B/xfwm4/shade-toggled-inactive.png
new file mode 100644
index 000000000..749ccb281
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/shade-toggled-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/shade-toggled-prelight.png b/Material/files/Material/config/Palenight-B/xfwm4/shade-toggled-prelight.png
new file mode 100644
index 000000000..125ed2f94
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/shade-toggled-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/shade-toggled-pressed.png b/Material/files/Material/config/Palenight-B/xfwm4/shade-toggled-pressed.png
new file mode 100644
index 000000000..125ed2f94
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/shade-toggled-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/stick-active.png b/Material/files/Material/config/Palenight-B/xfwm4/stick-active.png
new file mode 100644
index 000000000..d6dd72fb6
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/stick-active.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/stick-inactive.png b/Material/files/Material/config/Palenight-B/xfwm4/stick-inactive.png
new file mode 100644
index 000000000..817641e05
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/stick-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/stick-prelight.png b/Material/files/Material/config/Palenight-B/xfwm4/stick-prelight.png
new file mode 100644
index 000000000..3fc5fe14d
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/stick-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/stick-pressed.png b/Material/files/Material/config/Palenight-B/xfwm4/stick-pressed.png
new file mode 100644
index 000000000..5e9f570c7
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/stick-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/stick-toggled-active.png b/Material/files/Material/config/Palenight-B/xfwm4/stick-toggled-active.png
new file mode 100644
index 000000000..b269c26d6
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/stick-toggled-active.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/stick-toggled-inactive.png b/Material/files/Material/config/Palenight-B/xfwm4/stick-toggled-inactive.png
new file mode 100644
index 000000000..749ccb281
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/stick-toggled-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/stick-toggled-prelight.png b/Material/files/Material/config/Palenight-B/xfwm4/stick-toggled-prelight.png
new file mode 100644
index 000000000..125ed2f94
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/stick-toggled-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/stick-toggled-pressed.png b/Material/files/Material/config/Palenight-B/xfwm4/stick-toggled-pressed.png
new file mode 100644
index 000000000..5e9f570c7
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/stick-toggled-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/themerc b/Material/files/Material/config/Palenight-B/xfwm4/themerc
new file mode 100644
index 000000000..126405dd1
--- /dev/null
+++ b/Material/files/Material/config/Palenight-B/xfwm4/themerc
@@ -0,0 +1,23 @@
+button_offset=7
+button_spacing=-7
+
+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/Material/files/Material/config/Palenight-B/xfwm4/title-1-active.png b/Material/files/Material/config/Palenight-B/xfwm4/title-1-active.png
new file mode 100644
index 000000000..86d6d0217
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/title-1-active.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/title-1-inactive.png b/Material/files/Material/config/Palenight-B/xfwm4/title-1-inactive.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/title-1-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/title-2-active.png b/Material/files/Material/config/Palenight-B/xfwm4/title-2-active.png
new file mode 100644
index 000000000..86d6d0217
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/title-2-active.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/title-2-inactive.png b/Material/files/Material/config/Palenight-B/xfwm4/title-2-inactive.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/title-2-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/title-3-active.png b/Material/files/Material/config/Palenight-B/xfwm4/title-3-active.png
new file mode 100644
index 000000000..86d6d0217
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/title-3-active.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/title-3-inactive.png b/Material/files/Material/config/Palenight-B/xfwm4/title-3-inactive.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/title-3-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/title-4-active.png b/Material/files/Material/config/Palenight-B/xfwm4/title-4-active.png
new file mode 100644
index 000000000..86d6d0217
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/title-4-active.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/title-4-inactive.png b/Material/files/Material/config/Palenight-B/xfwm4/title-4-inactive.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/title-4-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/title-5-active.png b/Material/files/Material/config/Palenight-B/xfwm4/title-5-active.png
new file mode 100644
index 000000000..86d6d0217
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/title-5-active.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/title-5-inactive.png b/Material/files/Material/config/Palenight-B/xfwm4/title-5-inactive.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/title-5-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/top-left-active.png b/Material/files/Material/config/Palenight-B/xfwm4/top-left-active.png
new file mode 100644
index 000000000..282ddb30c
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/top-left-active.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/top-left-inactive.png b/Material/files/Material/config/Palenight-B/xfwm4/top-left-inactive.png
new file mode 100644
index 000000000..447efefad
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/top-left-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/top-right-active.png b/Material/files/Material/config/Palenight-B/xfwm4/top-right-active.png
new file mode 100644
index 000000000..647dd8660
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/top-right-active.png differ
diff --git a/Material/files/Material/config/Palenight-B/xfwm4/top-right-inactive.png b/Material/files/Material/config/Palenight-B/xfwm4/top-right-inactive.png
new file mode 100644
index 000000000..aa52d4a45
Binary files /dev/null and b/Material/files/Material/config/Palenight-B/xfwm4/top-right-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/gtk-3.0/gtk-dark.css b/Material/files/Material/config/Palenight-BL-LB/gtk-3.0/gtk-dark.css
new file mode 100644
index 000000000..72736403c
--- /dev/null
+++ b/Material/files/Material/config/Palenight-BL-LB/gtk-3.0/gtk-dark.css
@@ -0,0 +1,11424 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #292d3e;
+/* text widgets and the like base background color */
+@define-color theme_base_color #292d3e;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #292d3e;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #202331;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #292d3e;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #292d3e;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #292d3e;
+@define-color wm_unfocused_bg #292d3e;
+@define-color wm_button_close_icon #292d3e;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #292d3e;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #292d3e;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #292d3e;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #292d3e;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #292d3e;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #292d3e;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #292d3e;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #292d3e;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #e2e9e9 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #e2e9e9 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #f28b82;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #e2e9e9;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #eeffff;
+  background-color: #414868;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #16161e;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #202331;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #16161e;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #292d3e;
+}
+
+textview border {
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(9 11, 16, 0.9);
+  color: #eeffff;
+}
+
+.dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f28b82;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #fdd633;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #f28b82;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #fdd633;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #292d3e;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #eeffff;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(154, 165, 206, 0.9844);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(154, 165, 206, 0.7844);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f28b82;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.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;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar 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.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+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 {
+  color: #2196f3;
+}
+
+*:visited {
+  color: #ce93d8;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #2196f3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #ce93d8;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #292d3e;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+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(238, 255, 255, 0.12);
+  background-color: #202331;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: #292d3e;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.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 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.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: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 10px 15px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 15px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #292d3e;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+  background-color: #202331;
+  color: #b480d6;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(238, 255, 255, 0.3);
+  border-top-color: rgba(238, 255, 255, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(238, 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: #eeffff;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #292d3e;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #3a3f58;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 1px solid #444267;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #eeffff;
+  font: initial;
+  font-weight: 500;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #515772;
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-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),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #545c7e;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+  margin-top: 8px;
+  margin-bottom: -12px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #eeffff;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+  margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #3a3f58;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop,
+.csd popover.background:backdrop {
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05),
+    0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #3a3f58;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #202331;
+  color: #b480d6;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: transparent;
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: transparent;
+}
+
+scrollbar.bottom {
+  border-bottom: transparent;
+}
+
+scrollbar.left {
+  border-bottom: transparent;
+}
+
+scrollbar.right {
+  border-bottom: transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 4px;
+  min-height: 4px;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 2px;
+  min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 2px;
+  min-height: 2px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+  background-color: transparent;
+  color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked slider {
+  background-color: #292d3e;
+  color: #292d3e;
+}
+
+/*************************
+ * 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;
+}
+
+.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;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -8px;
+  padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #e2e9e9;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+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:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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;
+}
+
+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(238, 255, 255, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+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')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #eeffff;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #e2e9e9;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+  border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #292d3e;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms 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(238, 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: #eeffff;
+}
+
+expander title > arrow:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #3a3f58;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #f28b82;
+}
+
+.csd filechooser {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #292d3e;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(238, 255, 255, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.12)),
+    image(rgba(238, 255, 255, 0.12));
+  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;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #292d3e;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(9 11, 16, 0.9);
+  color: #eeffff;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #e2e9e9;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #292d3e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+  margin: 8px;
+}
+
+.csd decoration {
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  background-color: #3b4261;
+  background-clip: border-box;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+    0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+  border-radius: 0;
+}
+
+.popup decoration {
+  box-shadow: none;
+}
+
+.ssd decoration {
+  border: none;
+  border-radius: 12px 12px 0 0;
+  background-color: #292d3e;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.metacity decoration {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border: none;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.csd decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  background-color: #202331;
+  background-clip: border-box;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #292d3e;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover {
+  background-color: #a6accd;
+  color: #292d3e;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+  background-color: #c792ea;
+  color: #292d3e;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.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(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #3a3f58;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: alpha(currentColor, 0.05);
+  border: 1px solid #202331;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#e2e9e9, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#e2e9e9, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #292d3e;
+  color: #e2e9e9;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #202331;
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #202331;
+  font-weight: 700;
+  border-left: 3px solid #f7768e;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #b480d6;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #202331;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #eeffff;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #b480d6;
+  background-color: #202331;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+  color: #b480d6;
+  background-color: #202331;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #202331;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #b480d6;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #e2e9e9;
+  color: #e2e9e9;
+}
+
+.disk-space-display.free {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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 {
+  margin: -6px 0 0 -6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > label {
+  margin: 0 8px;
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > box
+  > button {
+  border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+  padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+  margin-top: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box {
+  margin-bottom: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box.linked {
+  margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+  margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #202331;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #202331;
+}
+
+.gedit-document-panel row button.flat {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #3a3f58;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > 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;
+}
+
+/**********
+ * Tweaks *
+ **********/
+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,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > 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 list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > 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 list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > 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 list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #1b1e2b;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > 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
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+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
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#eeffff,
+.tweak-#eeffff,
+.tweak-#eeffff:hover {
+  background-image: image(#292d3e);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#292d3e);
+}
+
+.tweak-group-startup {
+  background-image: image(#292d3e);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > 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: #292d3e;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > 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 > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #292d3e;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > 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;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #292d3e;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#292d3e);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #e2e9e9;
+  background-color: #292d3e;
+}
+
+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(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #292d3e;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #202331;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #e2e9e9 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+docktab:checked {
+  transition: all 75ms 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 #e2e9e9;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+dockoverlayedge {
+  background-color: #292d3e;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+pillbox {
+  background-color: #292d3e;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #292d3e;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.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: #eeffff;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #292d3e;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(226, 233, 233, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #eeffff;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #eeffff;
+}
+
+button.photos-filter-preview:checked image {
+  color: #eeffff;
+}
+
+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;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#202331);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#e2e9e9);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #292d3e;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #292d3e;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  padding: 0 2px 3px 2px;
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+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: 12px;
+}
+
+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: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#202331);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #202331;
+  color: #eeffff;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  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: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #eeffff;
+  background-color: #292d3e;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #292d3e;
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * 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,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #292d3e;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified > decoration-overlay {
+  box-shadow: inset 0 0 0 1px rgba(238, 255, 255, 0.2);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+}
+
+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;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+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(#3a3f58);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+window > notebook > stack {
+  margin: 0 3px 3px 3px;
+}
+
+window > notebook {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #292d3e;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #3a3f58;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #444267;
+}
+
+window.background.chromium > button {
+  color: #e2e9e9;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #e2e9e9;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #444267;
+  background-color: #292d3e;
+}
+
+window.background.chromium menu {
+  border-color: #565f89;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #292d3e;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #e2e9e9;
+  box-shadow: inset 0 0 0 1px #e2e9e9;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #202331;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #737aa2;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #828bb8;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(115, 122, 162, 0.5);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #eeffff;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #444267;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #444267;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #292d3e;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -1px;
+  border: 1px solid #444267;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #292d3e;
+}
+
+/*********
+ * 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: #e2e9e9;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #e2e9e9;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.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 {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 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: #e2e9e9;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+.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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #3a3f58;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #e2e9e9;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.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: #292d3e;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  background-image: none;
+  color: #eeffff;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #292d3e;
+  color: #eeffff;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+#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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(9 11, 16, 0.9);
+  color: #eeffff;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #e2e9e9;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #3a3f58;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(238, 255, 255, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #eeffff;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(238, 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(238, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(238, 255, 255, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(238, 255, 255, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #202331;
+}
+
+.budgie-panel button {
+  color: rgba(238, 255, 255, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #f28b82;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #eeffff;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #eeffff;
+}
+
+.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:not(:checked) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+}
+
+.top frame.raven-frame > border {
+  margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+  margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+  margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+  margin-left: 32px;
+}
+
+.raven {
+  background-color: #3a3f58;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.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(238, 255, 255, 0.06);
+  color: #eeffff;
+}
+
+.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: #eeffff;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #202331;
+  color: #eeffff;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #f28b82;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #eeffff;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #292d3e;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+#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(238, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+  background-color: #292d3e;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover,
+.nemo-window .primary-toolbar button.text-button:active,
+.nemo-window .primary-toolbar button.text-button:checked {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+  border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #202331;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #676e95;
+  -nemoplacestreeview-disk-full-fg-color: #e2e9e9;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
diff --git a/Material/files/Material/config/Palenight-BL-LB/gtk-3.0/gtk.css b/Material/files/Material/config/Palenight-BL-LB/gtk-3.0/gtk.css
new file mode 100644
index 000000000..569a83e69
--- /dev/null
+++ b/Material/files/Material/config/Palenight-BL-LB/gtk-3.0/gtk.css
@@ -0,0 +1,11424 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #292d3e;
+/* text widgets and the like base background color */
+@define-color theme_base_color #292d3e;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #292d3e;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #202331;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #292d3e;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #292d3e;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #292d3e;
+@define-color wm_unfocused_bg #292d3e;
+@define-color wm_button_close_icon #292d3e;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #292d3e;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #292d3e;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #292d3e;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #292d3e;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #292d3e;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #292d3e;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #292d3e;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #292d3e;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #e2e9e9 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #e2e9e9 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #f28b82;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #e2e9e9;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #eeffff;
+  background-color: #414868;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #16161e;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #202331;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #16161e;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #292d3e;
+}
+
+textview border {
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+.dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f28b82;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #fdd633;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #f28b82;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #fdd633;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #292d3e;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #eeffff;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(154, 165, 206, 0.9844);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(154, 165, 206, 0.7844);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f28b82;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.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;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar 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.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+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 {
+  color: #2196f3;
+}
+
+*:visited {
+  color: #ce93d8;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #2196f3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #ce93d8;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #292d3e;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+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(238, 255, 255, 0.12);
+  background-color: #202331;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: #292d3e;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.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 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.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: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 10px 15px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 15px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #292d3e;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+  background-color: #202331;
+  color: #b480d6;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(238, 255, 255, 0.3);
+  border-top-color: rgba(238, 255, 255, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(238, 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: #eeffff;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #292d3e;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #3a3f58;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 1px solid #444267;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #eeffff;
+  font: initial;
+  font-weight: 500;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #515772;
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-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),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #545c7e;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+  margin-top: 8px;
+  margin-bottom: -12px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #eeffff;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+  margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #3a3f58;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop,
+.csd popover.background:backdrop {
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05),
+    0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #3a3f58;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #202331;
+  color: #b480d6;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: transparent;
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: transparent;
+}
+
+scrollbar.bottom {
+  border-bottom: transparent;
+}
+
+scrollbar.left {
+  border-bottom: transparent;
+}
+
+scrollbar.right {
+  border-bottom: transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 4px;
+  min-height: 4px;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 2px;
+  min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 2px;
+  min-height: 2px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+  background-color: transparent;
+  color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked slider {
+  background-color: #292d3e;
+  color: #292d3e;
+}
+
+/*************************
+ * 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;
+}
+
+.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;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -8px;
+  padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #e2e9e9;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+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:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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;
+}
+
+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(238, 255, 255, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+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')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #eeffff;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #e2e9e9;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+  border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #292d3e;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms 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(238, 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: #eeffff;
+}
+
+expander title > arrow:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #3a3f58;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #f28b82;
+}
+
+.csd filechooser {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #292d3e;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(238, 255, 255, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.12)),
+    image(rgba(238, 255, 255, 0.12));
+  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;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #292d3e;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #e2e9e9;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #292d3e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+  margin: 8px;
+}
+
+.csd decoration {
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  background-color: #292d3e;
+  background-clip: border-box;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+    0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+  border-radius: 0;
+}
+
+.popup decoration {
+  box-shadow: none;
+}
+
+.ssd decoration {
+  border: none;
+  border-radius: 12px 12px 0 0;
+  background-color: #292d3e;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.metacity decoration {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border: none;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.csd decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  background-color: #202331;
+  background-clip: border-box;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #292d3e;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover {
+  background-color: #a6accd;
+  color: #292d3e;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+  background-color: #c792ea;
+  color: #292d3e;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.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(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #3a3f58;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: alpha(currentColor, 0.05);
+  border: 1px solid #202331;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#e2e9e9, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#e2e9e9, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #292d3e;
+  color: #e2e9e9;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #202331;
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #202331;
+  font-weight: 700;
+  border-left: 3px solid #f7768e;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #b480d6;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #202331;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #eeffff;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #b480d6;
+  background-color: #202331;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+  color: #b480d6;
+  background-color: #202331;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #202331;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #b480d6;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #e2e9e9;
+  color: #e2e9e9;
+}
+
+.disk-space-display.free {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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 {
+  margin: -6px 0 0 -6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > label {
+  margin: 0 8px;
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > box
+  > button {
+  border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+  padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+  margin-top: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box {
+  margin-bottom: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box.linked {
+  margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+  margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #202331;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #202331;
+}
+
+.gedit-document-panel row button.flat {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #3a3f58;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > 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;
+}
+
+/**********
+ * Tweaks *
+ **********/
+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,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > 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 list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > 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 list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > 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 list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #1b1e2b;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > 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
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+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
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#eeffff,
+.tweak-#eeffff,
+.tweak-#eeffff:hover {
+  background-image: image(#292d3e);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#292d3e);
+}
+
+.tweak-group-startup {
+  background-image: image(#292d3e);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > 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: #292d3e;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > 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 > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #292d3e;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > 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;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #292d3e;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#292d3e);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #e2e9e9;
+  background-color: #292d3e;
+}
+
+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(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #292d3e;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #202331;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #e2e9e9 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+docktab:checked {
+  transition: all 75ms 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 #e2e9e9;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+dockoverlayedge {
+  background-color: #292d3e;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+pillbox {
+  background-color: #292d3e;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #292d3e;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.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: #eeffff;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #292d3e;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(226, 233, 233, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #eeffff;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #eeffff;
+}
+
+button.photos-filter-preview:checked image {
+  color: #eeffff;
+}
+
+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;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#202331);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#e2e9e9);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #292d3e;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #292d3e;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  padding: 0 2px 3px 2px;
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+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: 12px;
+}
+
+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: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#202331);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #202331;
+  color: #eeffff;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  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: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #eeffff;
+  background-color: #292d3e;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #292d3e;
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * 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,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #292d3e;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified > decoration-overlay {
+  box-shadow: inset 0 0 0 1px rgba(238, 255, 255, 0.2);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+}
+
+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;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+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(#3a3f58);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+window > notebook > stack {
+  margin: 0 3px 3px 3px;
+}
+
+window > notebook {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #292d3e;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #3a3f58;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #444267;
+}
+
+window.background.chromium > button {
+  color: #e2e9e9;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #e2e9e9;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #444267;
+  background-color: #292d3e;
+}
+
+window.background.chromium menu {
+  border-color: #565f89;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #292d3e;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #e2e9e9;
+  box-shadow: inset 0 0 0 1px #e2e9e9;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #202331;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #737aa2;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #828bb8;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(115, 122, 162, 0.5);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #eeffff;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #444267;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #444267;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #292d3e;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -1px;
+  border: 1px solid #444267;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #292d3e;
+}
+
+/*********
+ * 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: #e2e9e9;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #e2e9e9;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.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 {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 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: #e2e9e9;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+.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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #3a3f58;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #e2e9e9;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.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: #292d3e;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  background-image: none;
+  color: #eeffff;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #292d3e;
+  color: #eeffff;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+#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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #e2e9e9;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #3a3f58;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(238, 255, 255, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #eeffff;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(238, 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(238, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(238, 255, 255, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(238, 255, 255, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #202331;
+}
+
+.budgie-panel button {
+  color: rgba(238, 255, 255, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #f28b82;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #eeffff;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #eeffff;
+}
+
+.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:not(:checked) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+}
+
+.top frame.raven-frame > border {
+  margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+  margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+  margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+  margin-left: 32px;
+}
+
+.raven {
+  background-color: #3a3f58;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.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(238, 255, 255, 0.06);
+  color: #eeffff;
+}
+
+.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: #eeffff;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #202331;
+  color: #eeffff;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #f28b82;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #eeffff;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #292d3e;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+#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(238, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+  background-color: #292d3e;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover,
+.nemo-window .primary-toolbar button.text-button:active,
+.nemo-window .primary-toolbar button.text-button:checked {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+  border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #202331;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #676e95;
+  -nemoplacestreeview-disk-full-fg-color: #e2e9e9;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
diff --git a/Material/files/Material/config/Palenight-BL-LB/gtk-3.0/thumbnail.png b/Material/files/Material/config/Palenight-BL-LB/gtk-3.0/thumbnail.png
new file mode 100644
index 000000000..713427290
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/gtk-3.0/thumbnail.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/gtk-4.0/gtk-dark.css b/Material/files/Material/config/Palenight-BL-LB/gtk-4.0/gtk-dark.css
new file mode 100644
index 000000000..d4d9e7ab8
--- /dev/null
+++ b/Material/files/Material/config/Palenight-BL-LB/gtk-4.0/gtk-dark.css
@@ -0,0 +1,6956 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #292d3e;
+/* text widgets and the like base background color */
+@define-color theme_base_color #292d3e;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #292d3e;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #202331;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #292d3e;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #292d3e;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #292d3e;
+@define-color wm_unfocused_bg #292d3e;
+@define-color wm_button_close_icon #292d3e;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #292d3e;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #292d3e;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #292d3e;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #292d3e;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #292d3e;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #292d3e;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #292d3e;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #292d3e;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+dnd {
+  color: #eeffff;
+}
+
+.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 {
+  color: #eeffff;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+textview text {
+  background-color: #292d3e;
+}
+
+textview border {
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #eeffff;
+  background-color: #292d3e;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+label.search-information {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(238, 255, 255, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #eeffff;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * 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 {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+  padding: 2px 12px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #fdd633;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #292d3e;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 0%,
+      rgba(226, 233, 233, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 95%,
+      rgba(226, 233, 233, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+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,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+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,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+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,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+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,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+button.osd:hover {
+  background-color: #444267;
+  color: #eeffff;
+}
+
+button.osd:active {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #e2e9e9;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #f78c6c;
+  box-shadow: inset 0 0 0 1px #f78c6c;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+menubutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+menubutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+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.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+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: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 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: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(238, 255, 255, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+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: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+splitbutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+splitbutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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;
+}
+
+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) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #89ddff;
+}
+
+link:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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: 9px;
+  padding-right: 9px;
+}
+
+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 popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #292d3e;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.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 {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #eeffff;
+}
+
+headerbar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #eeffff;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+headerbar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+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');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.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: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #292d3e
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(226, 233, 233, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #292d3e
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#292d3e);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #444267;
+  border-top-color: #444267;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #e2e9e9;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #292d3e;
+}
+
+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(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #eeffff;
+}
+
+menubar:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > item:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+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;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #3a3f58;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #eeffff;
+  border: none;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: none;
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #eeffff;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #515772;
+  color: #b480d6;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+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 label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(238, 255, 255, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #b480d6;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #3a3f58;
+  color: #b480d6;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+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;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #292d3e;
+  color: #eeffff;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#e2e9e9, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#f78c6c, 0.4);
+  background-color: alpha(#f78c6c, 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: #e2e9e9;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#e2e9e9, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #eeffff;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  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(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+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(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #292d3e;
+  color: #292d3e;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #eeffff;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #292d3e;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #e2e9e9;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #292d3e;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -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'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(238, 255, 255, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #202331 49.99%, #eeffff 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #eeffff;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #eeffff;
+  background-image: image(#202331);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #292d3e;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #eeffff;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  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(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #eeffff;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(238, 255, 255, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #e2e9e9;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #eeffff;
+}
+
+expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #3a3f58;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: 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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #3a3f58;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+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 {
+  color: inherit;
+}
+
+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 {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#444267);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #292d3e;
+  background-image: image(#444267), image(#444267);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #202331;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #eeffff;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #3a3f58;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #eeffff;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #3a3f58;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #292d3e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window.csd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  outline-color: rgba(238, 255, 255, 0.2);
+  outline-offset: -1px;
+  outline-style: solid;
+  outline-width: 1px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+    0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #292d3e;
+  border: 1px solid #444267;
+}
+
+window.solid-csd:backdrop {
+  background-color: #292d3e;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 50%;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) image {
+  background: none;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):hover,
+windowcontrols
+  button:not(.suggested-action):not(.destructive-action).close:backdrop:hover {
+  background-color: #a6accd;
+  color: #292d3e;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):active,
+windowcontrols
+  button:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+  background-color: #c792ea;
+  color: #292d3e;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #e2e9e9;
+  background-color: #364367;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #3a3f58;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 0;
+  background-color: alpha(currentColor, 0.05);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #292d3e;
+}
+
+.nautilus-window:backdrop {
+  background-color: #292d3e;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 0.8em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #202331;
+  font-weight: 700;
+  border-left: 3px solid #f7768e;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #b480d6;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #292d3e;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #202331;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #202331;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #b480d6;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #292d3e;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+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 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(238, 255, 255, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 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: #eb4b3d;
+  background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #eeffff;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.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(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #292d3e;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #e2e9e9;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+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: #eeffff;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+  background-color: #292d3e;
+  color: rgba(238, 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: 34px;
+}
+
+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(238, 255, 255, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #e2e9e9;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+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;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #e2e9e9;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 119px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #e2e9e9;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+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;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+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: #eeffff;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #e2e9e9;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/config/Palenight-BL-LB/gtk-4.0/gtk.css b/Material/files/Material/config/Palenight-BL-LB/gtk-4.0/gtk.css
new file mode 100644
index 000000000..9950c4813
--- /dev/null
+++ b/Material/files/Material/config/Palenight-BL-LB/gtk-4.0/gtk.css
@@ -0,0 +1,6957 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #292d3e;
+/* text widgets and the like base background color */
+@define-color theme_base_color #292d3e;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #292d3e;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #202331;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #292d3e;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #292d3e;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #292d3e;
+@define-color wm_unfocused_bg #292d3e;
+@define-color wm_button_close_icon #292d3e;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #292d3e;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #292d3e;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #292d3e;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #292d3e;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #292d3e;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #292d3e;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #292d3e;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #292d3e;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+dnd {
+  color: #eeffff;
+}
+
+.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 {
+  color: #eeffff;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+textview text {
+  background-color: #292d3e;
+}
+
+textview border {
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #eeffff;
+  background-color: #292d3e;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+label.search-information {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(238, 255, 255, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #eeffff;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * 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 {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+  padding: 2px 12px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #fdd633;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #292d3e;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 0%,
+      rgba(226, 233, 233, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 95%,
+      rgba(226, 233, 233, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+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,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+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,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+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,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+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,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+button.osd:hover {
+  background-color: #444267;
+  color: #eeffff;
+}
+
+button.osd:active {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #e2e9e9;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #f78c6c;
+  box-shadow: inset 0 0 0 1px #f78c6c;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+menubutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+menubutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+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.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+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: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 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: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(238, 255, 255, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+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: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+splitbutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+splitbutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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;
+}
+
+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) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #89ddff;
+}
+
+link:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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: 9px;
+  padding-right: 9px;
+}
+
+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 popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #292d3e;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.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 {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #eeffff;
+}
+
+headerbar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #eeffff;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+headerbar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+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');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.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: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #292d3e
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(226, 233, 233, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #292d3e
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#292d3e);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #444267;
+  border-top-color: #444267;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #e2e9e9;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #292d3e;
+}
+
+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(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #eeffff;
+}
+
+menubar:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > item:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+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;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #3a3f58;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #eeffff;
+  border: none;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: none;
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #eeffff;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #515772;
+  color: #b480d6;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+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 label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(238, 255, 255, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #b480d6;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #3a3f58;
+  color: #b480d6;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+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;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #292d3e;
+  color: #eeffff;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#e2e9e9, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#f78c6c, 0.4);
+  background-color: alpha(#f78c6c, 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: #e2e9e9;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#e2e9e9, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #eeffff;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  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(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+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(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #292d3e;
+  color: #292d3e;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #eeffff;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #292d3e;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #e2e9e9;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #292d3e;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -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'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(238, 255, 255, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #202331 49.99%, #eeffff 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #eeffff;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #eeffff;
+  background-image: image(#202331);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #292d3e;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #eeffff;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  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(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #eeffff;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(238, 255, 255, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #e2e9e9;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #eeffff;
+}
+
+expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #3a3f58;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: 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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #3a3f58;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+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 {
+  color: inherit;
+}
+
+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 {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#444267);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #292d3e;
+  background-image: image(#444267), image(#444267);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #202331;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #eeffff;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #3a3f58;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #eeffff;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #3a3f58;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #292d3e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window.csd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  outline-color: rgba(238, 255, 255, 0.2);
+  outline-offset: -1px;
+  outline-style: solid;
+  outline-width: 1px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+    0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #292d3e;
+  border: 1px solid #444267;
+}
+
+window.solid-csd:backdrop {
+  background-color: #292d3e;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 50%;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) image {
+  background: none;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):hover,
+windowcontrols
+  button:not(.suggested-action):not(.destructive-action).close:backdrop:hover {
+  background-color: #a6accd;
+  color: #292d3e;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):active,
+windowcontrols
+  button:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+  background-color: #c792ea;
+  color: #292d3e;
+}
+
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #e2e9e9;
+  background-color: #364367;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #3a3f58;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 0;
+  background-color: alpha(currentColor, 0.05);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #292d3e;
+}
+
+.nautilus-window:backdrop {
+  background-color: #292d3e;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 0.8em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #202331;
+  font-weight: 700;
+  border-left: 3px solid #f7768e;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #b480d6;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #292d3e;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #202331;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #202331;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #b480d6;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #292d3e;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+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 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(238, 255, 255, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 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: #eb4b3d;
+  background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #eeffff;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.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(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #292d3e;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #e2e9e9;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+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: #eeffff;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+  background-color: #292d3e;
+  color: rgba(238, 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: 34px;
+}
+
+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(238, 255, 255, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #e2e9e9;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+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;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #3a3f58;
+  color: #b480d6;
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #e2e9e9;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 119px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #e2e9e9;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+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;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+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: #eeffff;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #e2e9e9;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/config/Palenight-BL-LB/gtk-4.0/thumbnail.png b/Material/files/Material/config/Palenight-BL-LB/gtk-4.0/thumbnail.png
new file mode 100644
index 000000000..713427290
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/gtk-4.0/thumbnail.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/bottom-active.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/bottom-active.png
new file mode 100644
index 000000000..b24cdd40c
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/bottom-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/bottom-inactive.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/bottom-inactive.png
new file mode 100644
index 000000000..b24cdd40c
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/bottom-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/bottom-left-active.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/bottom-left-active.png
new file mode 100644
index 000000000..99e00c960
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/bottom-left-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/bottom-left-inactve.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/bottom-left-inactve.png
new file mode 100644
index 000000000..99e00c960
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/bottom-left-inactve.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/bottom-right-active.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/bottom-right-active.png
new file mode 100644
index 000000000..52cfdf5f2
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/bottom-right-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/bottom-right-inactive.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/bottom-right-inactive.png
new file mode 100644
index 000000000..52cfdf5f2
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/bottom-right-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/close-active.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/close-active.png
new file mode 100644
index 000000000..484675a77
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/close-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/close-inactive.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/close-inactive.png
new file mode 100644
index 000000000..be122ab63
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/close-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/close-prelight.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/close-prelight.png
new file mode 100644
index 000000000..e9b4c6671
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/close-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/close-pressed.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/close-pressed.png
new file mode 100644
index 000000000..2c4bceb35
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/close-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/hide-active.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/hide-active.png
new file mode 100644
index 000000000..9627d51bd
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/hide-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/hide-inactive.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/hide-inactive.png
new file mode 100644
index 000000000..77f896540
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/hide-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/hide-prelight.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/hide-prelight.png
new file mode 100644
index 000000000..33f427163
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/hide-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/hide-pressed.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/hide-pressed.png
new file mode 100644
index 000000000..10b5f191b
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/hide-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/left-active.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/left-active.png
new file mode 100644
index 000000000..f8997ddc3
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/left-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/left-inactive.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/left-inactive.png
new file mode 100644
index 000000000..f8997ddc3
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/left-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-active.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-active.png
new file mode 100644
index 000000000..35badc9be
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-inactive.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-inactive.png
new file mode 100644
index 000000000..578225a9b
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-prelight.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-prelight.png
new file mode 100644
index 000000000..a96c4e599
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-pressed.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-pressed.png
new file mode 100644
index 000000000..088343829
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-toggled-active.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-toggled-active.png
new file mode 100644
index 000000000..6b2c1be86
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-toggled-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-toggled-inactive.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-toggled-inactive.png
new file mode 100644
index 000000000..d0c6d9d4a
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-toggled-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-toggled-prelight.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-toggled-prelight.png
new file mode 100644
index 000000000..d44ee7a6a
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-toggled-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-toggled-pressed.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-toggled-pressed.png
new file mode 100644
index 000000000..ccff0991c
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/maximize-toggled-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/menu-active.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/menu-active.png
new file mode 100644
index 000000000..0385fd88e
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/menu-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/menu-inactive.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/menu-inactive.png
new file mode 100644
index 000000000..45a3f6fd5
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/menu-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/menu-prelight.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/menu-prelight.png
new file mode 100644
index 000000000..dc9a4579d
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/menu-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/menu-pressed.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/menu-pressed.png
new file mode 100644
index 000000000..2c98e8044
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/menu-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/right-active.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/right-active.png
new file mode 100644
index 000000000..f8997ddc3
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/right-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/right-inactive.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/right-inactive.png
new file mode 100644
index 000000000..f8997ddc3
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/right-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-active.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-active.png
new file mode 100644
index 000000000..93b60fd35
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-inactive.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-inactive.png
new file mode 100644
index 000000000..3a02fc535
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-prelight.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-prelight.png
new file mode 100644
index 000000000..315ae53b7
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-pressed.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-pressed.png
new file mode 100644
index 000000000..3e31c30af
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-toggled-active.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-toggled-active.png
new file mode 100644
index 000000000..688038a9a
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-toggled-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-toggled-inactive.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-toggled-inactive.png
new file mode 100644
index 000000000..bada7f9c2
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-toggled-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-toggled-prelight.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-toggled-prelight.png
new file mode 100644
index 000000000..4b61c3293
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-toggled-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-toggled-pressed.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-toggled-pressed.png
new file mode 100644
index 000000000..ca66c6f32
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/shade-toggled-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-active.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-active.png
new file mode 100644
index 000000000..3d762c4e7
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-inactive.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-inactive.png
new file mode 100644
index 000000000..2ca89efb5
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-prelight.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-prelight.png
new file mode 100644
index 000000000..7a7faf630
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-pressed.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-pressed.png
new file mode 100644
index 000000000..baa7a86c5
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-toggled-active.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-toggled-active.png
new file mode 100644
index 000000000..2cc25e181
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-toggled-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-toggled-inactive.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-toggled-inactive.png
new file mode 100644
index 000000000..e20969ed0
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-toggled-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-toggled-prelight.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-toggled-prelight.png
new file mode 100644
index 000000000..e06958051
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-toggled-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-toggled-pressed.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-toggled-pressed.png
new file mode 100644
index 000000000..8ab7326f4
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/stick-toggled-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/themerc b/Material/files/Material/config/Palenight-BL-LB/xfwm4/themerc
new file mode 100644
index 000000000..8ed1a7793
--- /dev/null
+++ b/Material/files/Material/config/Palenight-BL-LB/xfwm4/themerc
@@ -0,0 +1,23 @@
+button_offset=10
+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/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-1-active.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-1-active.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-1-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-1-inactive.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-1-inactive.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-1-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-2-active.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-2-active.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-2-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-2-inactive.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-2-inactive.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-2-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-3-active.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-3-active.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-3-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-3-inactive.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-3-inactive.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-3-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-4-active.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-4-active.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-4-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-4-inactive.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-4-inactive.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-4-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-5-active.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-5-active.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-5-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-5-inactive.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-5-inactive.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/title-5-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/top-left-active.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/top-left-active.png
new file mode 100644
index 000000000..447efefad
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/top-left-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/top-left-inactive.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/top-left-inactive.png
new file mode 100644
index 000000000..447efefad
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/top-left-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/top-right-active.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/top-right-active.png
new file mode 100644
index 000000000..aa52d4a45
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/top-right-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL-LB/xfwm4/top-right-inactive.png b/Material/files/Material/config/Palenight-BL-LB/xfwm4/top-right-inactive.png
new file mode 100644
index 000000000..aa52d4a45
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL-LB/xfwm4/top-right-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL/cinnamon/cinnamon.css b/Material/files/Material/config/Palenight-BL/cinnamon/cinnamon.css
new file mode 100644
index 000000000..269ad4447
--- /dev/null
+++ b/Material/files/Material/config/Palenight-BL/cinnamon/cinnamon.css
@@ -0,0 +1,2269 @@
+stage {
+  font-size: 9pt;
+  color: #eeffff;
+}
+
+.label-shadow {
+  color: rgba(0, 0, 0, 0);
+}
+
+.sound-button {
+  min-height: 24px;
+  padding: 5px 32px;
+  transition-duration: 100ms;
+  border-radius: 6px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.sound-button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.sound-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.sound-button:hover:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+  border-radius: 6px;
+}
+
+.sound-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+  border-radius: 6px;
+}
+
+.sound-button:insensitive {
+  color: rgba(238, 255, 255, 0.5);
+  background-color: rgba(238, 255, 255, 0.04);
+  border-radius: 6px;
+}
+
+.notification-button,
+.notification-icon-button,
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button,
+#notification .notification-button,
+#notification .notification-icon-button {
+  border-radius: 6px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: transparent;
+}
+
+.notification-button:hover,
+.notification-icon-button:hover,
+#notification .notification-button:hover,
+#notification .notification-icon-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.notification-button:active,
+.notification-icon-button:active,
+#notification .notification-button:active,
+#notification .notification-icon-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+  border-radius: 6px;
+}
+
+.notification-button:insensitive,
+.notification-icon-button:insensitive,
+#notification .notification-button:insensitive,
+#notification .notification-icon-button:insensitive {
+  color: rgba(238, 255, 255, 0.3);
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+  min-height: 24px;
+  padding: 6px 30px;
+  transition-duration: 100ms;
+  border-radius: 6px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.modal-dialog-button-box .modal-dialog-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.modal-dialog-button-box .modal-dialog-button:focus {
+  color: #e2e9e9;
+}
+
+.modal-dialog-button-box .modal-dialog-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.modal-dialog-button-box .modal-dialog-button:insensitive {
+  color: rgba(238, 255, 255, 0.3);
+  background-color: transparent;
+}
+
+#menu-search-entry,
+.notification StEntry,
+.menu #notification StEntry,
+.popup-menu #notification StEntry,
+#notification StEntry {
+  padding: 3px 12px;
+  min-height: 24px;
+  caret-size: 1px;
+  selection-background-color: #e2e9e9;
+  selected-color: rgba(0, 0, 0, 0.87);
+  transition-duration: 300ms;
+  border-radius: 9999px;
+  color: #eeffff;
+  border: 2px solid transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+#menu-search-entry:focus,
+.notification StEntry:focus,
+.menu #notification StEntry:focus,
+.popup-menu #notification StEntry:focus,
+#notification StEntry:focus,
+#menu-search-entry:hover,
+.notification StEntry:hover,
+.menu #notification StEntry:hover,
+.popup-menu #notification StEntry:hover,
+#notification StEntry:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid #e2e9e9;
+}
+
+#menu-search-entry:insensitive,
+.notification StEntry:insensitive,
+.menu #notification StEntry:insensitive,
+.popup-menu #notification StEntry:insensitive,
+#notification StEntry:insensitive {
+  border: 2px solid transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+#menu-search-entry StIcon.capslock-warning,
+.notification StEntry StIcon.capslock-warning,
+.menu #notification StEntry StIcon.capslock-warning,
+.popup-menu #notification StEntry StIcon.capslock-warning,
+#notification StEntry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #ffcc00;
+  padding: 0 6px;
+}
+
+StScrollView.vfade {
+  -st-vfade-offset: 0px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 0px;
+}
+
+StScrollBar {
+  padding: 8px;
+}
+
+StScrollView StScrollBar {
+  min-width: 5px;
+  min-height: 5px;
+}
+
+StScrollBar StBin#trough {
+  background-color: rgba(32, 35, 49, 0.1);
+  border-radius: 9999px;
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+  border-radius: 9999px;
+  background-color: gray;
+  border: 0px solid;
+  margin: 0px;
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+  background-color: #515772;
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+  background-color: #e2e9e9;
+}
+
+.separator {
+  -gradient-height: 1px;
+  -gradient-start: rgba(0, 0, 0, 0);
+  -gradient-end: rgba(0, 0, 0, 0);
+  -margin-horizontal: 1.5em;
+  height: 1em;
+}
+
+.popup-slider-menu-item,
+.slider {
+  -slider-height: 4px;
+  -slider-background-color: rgba(238, 255, 255, 0.12);
+  -slider-border-color: transparent;
+  -slider-active-background-color: #e2e9e9;
+  -slider-active-border-color: transparent;
+  -slider-border-width: 0;
+  -slider-handle-radius: 4px;
+  height: 18px;
+  min-width: 15em;
+  border: 0 solid transparent;
+  border-right-width: 1px;
+  border-left-width: 5px;
+  color: transparent;
+}
+
+.check-box CinnamonGenericContainer {
+  spacing: 0.2em;
+  min-height: 30px;
+  padding-top: 2px;
+}
+
+.check-box StLabel {
+  font-weight: normal;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+  background-image: url('assets/checkbox-off.svg');
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+  background-image: url('assets/checkbox-dark.svg');
+}
+
+.radiobutton CinnamonGenericContainer {
+  spacing: 0.2em;
+  min-height: 30px;
+  padding-top: 2px;
+}
+
+.radiobutton StLabel {
+  padding-top: 4px;
+  font-size: 0.9em;
+  box-shadow: none;
+}
+
+.radiobutton StBin {
+  width: 24px;
+  height: 24px;
+}
+
+.radiobutton StBin,
+.radiobutton:focus StBin {
+  background-image: url('assets/radiobutton-off.svg');
+}
+
+.radiobutton:checked StBin,
+.radiobutton:focus:checked StBin {
+  background-image: url('assets/radiobutton-dark.svg');
+}
+
+.toggle-switch {
+  width: 40px;
+  height: 20px;
+  background-size: contain;
+  background-image: url('assets/toggle-off.svg');
+}
+
+.toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.popup-menu-item:active .toggle-switch {
+  background-image: url('assets/toggle-off.svg');
+}
+
+.popup-menu-item:active .toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.cinnamon-link {
+  color: #89DDFF;
+  text-decoration: underline;
+}
+
+.cinnamon-link:hover {
+  color: #71C6E7;
+}
+
+#Tooltip {
+  border-radius: 9999px;
+  padding: 6px 12px;
+  background-color: rgba(27, 30, 43, 0.9);
+  color: #eeffff;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  font-size: 1em;
+  font-weight: normal;
+  text-align: center;
+}
+
+.menu,
+.popup-menu,
+.popup-combo-menu {
+  padding: 3px;
+  color: #eeffff;
+  background-color: rgba(32, 35, 49, 0.95);
+  border-radius: 12px;
+  margin: 6px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+.menu-arrow,
+.popup-menu-arrow {
+  icon-size: 16px;
+}
+
+.menu .popup-sub-menu,
+.popup-menu .popup-sub-menu,
+.popup-combo-menu .popup-sub-menu {
+  border-radius: 6px;
+  background-gradient-direction: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-combo-menu .popup-sub-menu .popup-menu-item:active {
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu .popup-sub-menu StScrollBar,
+.popup-menu .popup-sub-menu StScrollBar,
+.popup-combo-menu .popup-sub-menu StScrollBar {
+  padding: 4px;
+}
+
+.menu .popup-sub-menu StScrollBar StBin#trough,
+.menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
+  border-width: 0;
+}
+
+.menu .popup-menu-content,
+.popup-menu .popup-menu-content,
+.popup-combo-menu .popup-menu-content {
+  padding: 3px;
+}
+
+.menu .popup-menu-item,
+.popup-menu .popup-menu-item,
+.popup-combo-menu .popup-menu-item {
+  padding: 6px 12px;
+  spacing: 12px;
+  border-radius: 6px;
+}
+
+.menu .popup-menu-item:hover,
+.menu .popup-menu-item:active,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item:active,
+.popup-combo-menu .popup-menu-item:hover,
+.popup-combo-menu .popup-menu-item:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.menu .popup-menu-item:insensitive,
+.popup-menu .popup-menu-item:insensitive,
+.popup-combo-menu .popup-menu-item:insensitive {
+  color: rgba(238, 255, 255, 0.5);
+  background: none;
+}
+
+.menu .popup-inactive-menu-item,
+.popup-menu .popup-inactive-menu-item,
+.popup-combo-menu .popup-inactive-menu-item {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.menu .popup-inactive-menu-item:insensitive,
+.popup-menu .popup-inactive-menu-item:insensitive,
+.popup-combo-menu .popup-inactive-menu-item:insensitive {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.menu-icon,
+.popup-menu-icon {
+  icon-size: 16px;
+}
+
+.popup-menu-boxpointer {
+  -arrow-border-radius: 6px;
+  -arrow-background-color: rgba(0, 0, 0, 0);
+  -arrow-border-width: 0;
+  -arrow-border-color: rgba(0, 0, 0, 0);
+  -arrow-base: 0;
+  -arrow-rise: 0;
+}
+
+.popup-combo-menu {
+  padding: 12px;
+}
+
+.popup-combobox-item {
+  spacing: 1em;
+}
+
+.popup-separator-menu-item {
+  -gradient-height: 0;
+  -gradient-start: transparent;
+  -gradient-end: transparent;
+  -margin-horizontal: 1.5em;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  border-bottom-style: solid;
+  background-color: transparent;
+}
+
+.popup-alternating-menu-item:alternate {
+  font-weight: normal;
+}
+
+.popup-device-menu-item {
+  spacing: 0.5em;
+}
+
+.popup-subtitle-menu-item {
+  font-weight: normal;
+}
+
+.nm-menu-item-icons {
+  spacing: 0.5em;
+}
+
+#panel {
+  font-weight: bold;
+  height: 36px;
+  width: 42px;
+}
+
+#panel:highlight {
+  border-image: none;
+  background-color: rgba(240, 113, 120, 0.5);
+}
+
+#panelLeft {
+  spacing: 4px;
+}
+
+#panelLeft:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(255, 0, 0, 0.05);
+  background-gradient-end: rgba(255, 0, 0, 0.2);
+}
+
+#panelLeft:ltr {
+  padding-right: 4px;
+}
+
+#panelLeft:rtl {
+  padding-left: 4px;
+}
+
+#panelLeft.vertical {
+  padding: 0;
+}
+
+#panelLeft.vertical:ltr {
+  padding-right: 0px;
+}
+
+#panelLeft.vertical:rtl {
+  padding-left: 0px;
+}
+
+#panelRight:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(0, 0, 255, 0.05);
+  background-gradient-end: rgba(0, 0, 255, 0.2);
+}
+
+#panelRight:ltr {
+  padding-left: 6px;
+  spacing: 0px;
+}
+
+#panelRight:rtl {
+  padding-right: 6px;
+  spacing: 0px;
+}
+
+#panelRight.vertical {
+  padding: 0;
+}
+
+#panelRight.vertical:ltr {
+  padding-right: 0px;
+}
+
+#panelRight.vertical:rtl {
+  padding-left: 0px;
+}
+
+#panelCenter {
+  spacing: 4px;
+}
+
+#panelCenter:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(0, 255, 0, 0.05);
+  background-gradient-end: rgba(0, 255, 0, 0.2);
+}
+
+.panel-top,
+.panel-bottom,
+.panel-left,
+.panel-right {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: 1em;
+  padding: 0px;
+  background-color: rgba(41, 45, 62, 0.95);
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
+}
+
+.panel-top .panel-button:hover,
+.panel-top .panel-status-button:hover,
+.panel-bottom .panel-button:hover,
+.panel-bottom .panel-status-button:hover,
+.panel-left .panel-button:hover,
+.panel-left .panel-status-button:hover,
+.panel-right .panel-button:hover,
+.panel-right .panel-status-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.panel-top .panel-button:active,
+.panel-top .panel-status-button:active,
+.panel-bottom .panel-button:active,
+.panel-bottom .panel-status-button:active,
+.panel-left .panel-button:active,
+.panel-left .panel-status-button:active,
+.panel-right .panel-button:active,
+.panel-right .panel-status-button:active {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.panel-dummy {
+  background-color: rgba(240, 113, 120, 0.5);
+}
+
+.panel-dummy:entered {
+  background-color: rgba(240, 113, 120, 0.6);
+}
+
+.panel-status-button {
+  border-width: 0;
+  -natural-hpadding: 3px;
+  -minimum-hpadding: 3px;
+  font-weight: bold;
+  height: 22px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.panel-button {
+  -natural-hpadding: 6px;
+  -minimum-hpadding: 2px;
+  font-weight: bold;
+  transition-duration: 100ms;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.system-status-icon {
+  icon-size: 16px;
+  padding: 0 1px;
+}
+
+#overview {
+  spacing: 12px;
+}
+
+.window-caption {
+  background-color: rgba(27, 30, 43, 0.9);
+  border: 1px solid rgba(27, 30, 43, 0.9);
+  color: #eeffff;
+  spacing: 25px;
+  border-radius: 6px;
+  font-size: 9pt;
+  padding: 5px 8px;
+  -cinnamon-caption-spacing: 4px;
+}
+
+#selected.window-caption {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border: 1px solid #e2e9e9;
+  spacing: 25px;
+}
+
+.expo-workspaces-name-entry,
+#selected.expo-workspaces-name-entry {
+  height: 15px;
+  border-radius: 6px;
+  font-size: 9pt;
+  padding: 5px 8px;
+  -cinnamon-caption-spacing: 4px;
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid transparent;
+}
+
+.expo-workspaces-name-entry:focus,
+#selected.expo-workspaces-name-entry:focus {
+  border: 1px solid #e2e9e9;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-style: italic;
+  transition-duration: 300;
+  selection-background-color: rgba(0, 0, 0, 0.87);
+  selected-color: #e2e9e9;
+}
+
+.expo-workspace-thumbnail-frame {
+  border: 4px solid rgba(238, 255, 255, 0);
+  background-color: rgba(238, 255, 255, 0);
+  border-radius: 6px;
+}
+
+#active.expo-workspace-thumbnail-frame {
+  border: 4px solid #e2e9e9;
+  background-color: black;
+  border-radius: 6px;
+}
+
+.expo-background {
+  background-color: #191919;
+}
+
+.workspace-thumbnails {
+  spacing: 26px;
+}
+
+.workspace-thumbnails-background,
+.workspace-thumbnails-background:rtl {
+  padding: 8px;
+}
+
+.workspace-add-button {
+  background-image: url('assets/add-workspace.svg');
+  height: 200px;
+  width: 35px;
+  transition-duration: 100;
+}
+
+.workspace-add-button:hover {
+  background-image: url('assets/add-workspace-hover.svg');
+  transition-duration: 100;
+}
+
+.workspace-add-button:active {
+  background-image: url('assets/add-workspace-active.svg');
+  transition-duration: 100;
+}
+
+.workspace-overview-background-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.workspace-close-button,
+.window-close {
+  background-image: url('assets/close.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+  -cinnamon-close-overlap: 13px;
+}
+
+.workspace-close-button:hover,
+.window-close:hover {
+  background-image: url('assets/close-hover.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+}
+
+.workspace-close-button:active,
+.window-close:active {
+  background-image: url('assets/close-active.svg');
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+}
+
+.workspace-thumbnail-indicator {
+  outline: 2px solid red;
+  border: 1px solid green;
+}
+
+.window-close:rtl {
+  -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
+}
+
+.window-close-area {
+  background-image: url('assets/trash-icon.svg');
+  height: 120px;
+  width: 400px;
+}
+
+.about-content {
+  width: 550px;
+  height: 250px;
+  spacing: 8px;
+  padding-bottom: 10px;
+}
+
+.about-title {
+  font-size: 2em;
+  font-weight: bold;
+}
+
+.about-uuid {
+  font-size: 10px;
+  color: #717cb4;
+}
+
+.about-icon {
+  padding-right: 20px;
+  padding-bottom: 14px;
+}
+
+.about-scrollBox {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+  background-color: #292d3e;
+  padding: 4px;
+  padding-right: 0;
+  border-radius: 0;
+}
+
+.about-scrollBox-innerBox {
+  padding: 1.2em;
+  spacing: 1.2em;
+}
+
+.about-description {
+  padding-top: 4px;
+  padding-bottom: 16px;
+}
+
+.about-version {
+  padding-left: 7px;
+  font-size: 10px;
+  color: #717cb4;
+}
+
+.calendar {
+  padding: 0.4em 1.75em;
+  spacing-rows: 0px;
+  spacing-columns: 0px;
+}
+
+.calendar-month-label {
+  color: #eeffff;
+  font-weight: bold;
+  margin: 0 2px;
+  padding: 2px;
+}
+
+.calendar-change-month-back,
+.calendar-change-month-forward {
+  width: 24px;
+  height: 24px;
+  margin: 0;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+.calendar-change-month-back:focus,
+.calendar-change-month-back:hover,
+.calendar-change-month-forward:focus,
+.calendar-change-month-forward:hover {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.calendar-change-month-back:active,
+.calendar-change-month-forward:active {
+  background-color: rgba(238, 255, 255, 0.25);
+}
+
+.calendar-change-month-back {
+  background-image: url('assets/calendar-arrow-left.svg');
+}
+
+.calendar-change-month-back:rtl {
+  background-image: url('assets/calendar-arrow-right.svg');
+}
+
+.calendar-change-month-forward {
+  background-image: url('assets/calendar-arrow-right.svg');
+}
+
+.calendar-change-month-forward:rtl {
+  background-image: url('assets/calendar-arrow-left.svg');
+}
+
+.datemenu-date-label {
+  padding: 0.4em 1.75em;
+  font-weight: normal;
+  text-align: center;
+  font-size: 14px;
+  color: #eeffff;
+  border-radius: 6px;
+}
+
+.calendar-day-base {
+  text-align: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  margin: 2px;
+  border-radius: 9999px;
+}
+
+.calendar-day-heading {
+  color: rgba(238, 255, 255, 0.7);
+  margin-top: 1em;
+}
+
+.calendar-day {
+  border-width: 0;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.calendar-day-top {
+  border-top-width: 0;
+}
+
+.calendar-day-left {
+  border-left-width: 0;
+}
+
+.calendar-nonwork-day {
+  color: #eeffff;
+  background-color: transparent;
+  font-weight: bold;
+}
+
+.calendar-today,
+.calendar-today:active,
+.calendar-today:focus,
+.calendar-today:hover {
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  border-width: 0;
+}
+
+.calendar-other-month-day {
+  color: rgba(238, 255, 255, 0.7);
+  opacity: 1;
+}
+
+.calendar-week-number {
+  width: 20px;
+  height: 20px;
+  margin: 6px 0;
+  color: rgba(238, 255, 255, 0.3);
+  font-weight: bold;
+  background-color: rgba(238, 255, 255, 0.04);
+  border-radius: 9999px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
+}
+
+#notification {
+  border-radius: 12px;
+  padding: 12px;
+  spacing-rows: 9px;
+  spacing-columns: 9px;
+  margin-from-right-edge-of-screen: 18px;
+  width: 28em;
+  color: #eeffff;
+  background-color: rgba(32, 35, 49, 0.8);
+  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+  margin: 7px 12px 17px 12px;
+}
+
+#notification .notification-button,
+#notification .notification-icon-button {
+  padding: 6px;
+}
+
+.menu #notification,
+.popup-menu #notification {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.05);
+  box-shadow: none;
+  margin: 0;
+}
+
+.menu #notification:hover,
+.popup-menu #notification:hover {
+  background-color: rgba(238, 255, 255, 0.1);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+}
+
+.menu #notification,
+.menu #notification.multi-line-notification,
+.popup-menu #notification,
+.popup-menu #notification.multi-line-notification {
+  color: #eeffff;
+}
+
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button {
+  padding: 6px;
+}
+
+#notification.multi-line-notification {
+  padding-bottom: 12px;
+  color: #eeffff;
+}
+
+#notification-scrollview {
+  max-height: 10em;
+}
+
+#notification-scrollview > .top-shadow,
+#notification-scrollview > .bottom-shadow {
+  height: 1em;
+}
+
+#notification-scrollview:ltr > StScrollBar {
+  padding-left: 6px;
+}
+
+#notification-scrollview:rtl > StScrollBar {
+  padding-right: 6px;
+}
+
+#notification-body {
+  spacing: 6px;
+}
+
+#notification-actions {
+  spacing: 9px;
+}
+
+.notification-with-image {
+  min-height: 159px;
+  color: #eeffff;
+}
+
+.notification-button,
+.notification-icon-button {
+  padding: 6px;
+}
+
+.notification-icon-button > StIcon {
+  icon-size: 36px;
+}
+
+#altTabPopup {
+  padding: 8px;
+  spacing: 16px;
+}
+
+.switcher-list {
+  color: #eeffff;
+  background-color: rgba(32, 35, 49, 0.95);
+  border: none;
+  border-radius: 6px;
+  padding: 20px;
+}
+
+.switcher-list > StBoxLayout {
+  padding: 4px;
+}
+
+.switcher-list-item-container {
+  spacing: 8px;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 6px;
+}
+
+.switcher-list .item-box:outlined {
+  padding: 8px;
+  border: 1px solid #e2e9e9;
+}
+
+.switcher-list .item-box:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  border: 0px solid #e2e9e9;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 4px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(238, 255, 255, 0.2);
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: #eeffff;
+}
+
+.switcher-arrow:highlighted {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.thumbnail-scroll-gradient-left {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 24px;
+  border-radius-topright: 0px;
+  border-radius-bottomright: 0px;
+  width: 60px;
+}
+
+.thumbnail-scroll-gradient-right {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 24px;
+  border-radius-topleft: 0px;
+  border-radius-bottomleft: 0px;
+  width: 60px;
+}
+
+.ripple-box {
+  width: 104px;
+  height: 104px;
+  background-image: url('assets/corner-ripple.svg');
+  background-size: contain;
+}
+
+.lightbox {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.flashspot {
+  background-color: #eeffff;
+}
+
+.modal-dialog {
+  color: #eeffff;
+  background-color: rgba(18, 18, 18, 0.95);
+  border: 1px solid rgba(0, 0, 0, 0.65);
+  padding: 0 5px 6px 5px;
+  border-radius: 6px;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
+}
+
+.modal-dialog > StBoxLayout:first-child {
+  padding: 20px 10px 10px 10px;
+}
+
+.modal-dialog-button-box {
+  spacing: 0;
+  margin: 0;
+  padding: 14px 10px;
+  background-color: transparent;
+  border: none;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+  padding-top: 0;
+  padding-bottom: 0;
+  height: 30px;
+}
+
+.run-dialog {
+  padding: 6px 12px;
+  background-color: rgba(27, 30, 43, 0.9);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+.run-dialog > * {
+  padding: 0;
+}
+
+.run-dialog-label {
+  font-size: 0;
+  font-weight: bold;
+  color: #eeffff;
+  padding-bottom: 0;
+}
+
+.run-dialog-error-label {
+  color: #f07178;
+}
+
+.run-dialog-error-box {
+  padding-top: 15px;
+  spacing: 5px;
+}
+
+.run-dialog-completion-box {
+  padding-left: 15px;
+  font-size: 10px;
+}
+
+.run-dialog-entry {
+  width: 21em;
+  padding: 3px 12px;
+  border-radius: 6px;
+  caret-color: #eeffff;
+  selected-color: rgba(0, 0, 0, 0.87);
+  selection-background-color: #e2e9e9;
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid transparent;
+}
+
+.run-dialog-entry:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid #b480d6;
+}
+
+.run-dialog .modal-dialog-button-box {
+  border: none;
+  box-shadow: none;
+  background: none;
+  background-gradient-direction: none;
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+  icon-size: 48px;
+}
+
+.mount-password-reask {
+  color: #ffcc00;
+}
+
+.show-processes-dialog,
+.mount-question-dialog {
+  spacing: 24px;
+}
+
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+  padding-top: 10px;
+  padding-left: 17px;
+  padding-bottom: 6px;
+}
+
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+  padding-left: 0px;
+  padding-right: 17px;
+}
+
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+  padding-left: 17px;
+  width: 28em;
+}
+
+.show-processes-dialog-description:rtl,
+.mount-question-dialog-description:rtl {
+  padding-right: 17px;
+}
+
+.show-processes-dialog-app-list {
+  max-height: 200px;
+  padding-top: 24px;
+  padding-left: 49px;
+  padding-right: 32px;
+}
+
+.show-processes-dialog-app-list:rtl {
+  padding-right: 49px;
+  padding-left: 32px;
+}
+
+.show-processes-dialog-app-list-item {
+  color: #ccc;
+}
+
+.show-processes-dialog-app-list-item:hover {
+  color: #eeffff;
+}
+
+.show-processes-dialog-app-list-item:ltr {
+  padding-right: 1em;
+}
+
+.show-processes-dialog-app-list-item:rtl {
+  padding-left: 1em;
+}
+
+.show-processes-dialog-app-list-item-icon:ltr {
+  padding-right: 17px;
+}
+
+.show-processes-dialog-app-list-item-icon:rtl {
+  padding-left: 17px;
+}
+
+.show-processes-dialog-app-list-item-name {
+  font-size: 1.1em;
+}
+
+.magnifier-zoom-region {
+  border: 2px solid maroon;
+}
+
+.magnifier-zoom-region .full-screen {
+  border-width: 0px;
+}
+
+#keyboard {
+  background-color: rgba(27, 30, 43, 0.9);
+  border-width: 0;
+  border-top-width: 1px;
+  border-color: rgba(0, 0, 0, 0.4);
+}
+
+.keyboard-layout {
+  spacing: 10px;
+  padding: 10px;
+}
+
+.keyboard-row {
+  spacing: 15px;
+}
+
+.keyboard-key {
+  min-height: 2em;
+  min-width: 2em;
+  font-size: 14pt;
+  font-weight: bold;
+  border-radius: 6px;
+  box-shadow: none;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.keyboard-key:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.keyboard-key:active,
+.keyboard-key:checked {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.keyboard-key:grayed {
+  color: rgba(238, 255, 255, 0.3);
+  background-color: transparent;
+}
+
+.keyboard-subkeys {
+  color: #eeffff;
+  padding: 5px;
+  -arrow-border-radius: 6px;
+  -arrow-background-color: rgba(27, 30, 43, 0.9);
+  -arrow-border-width: 1px;
+  -arrow-border-color: rgba(0, 0, 0, 0.4);
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 5px;
+}
+
+.menu-favorites-box {
+  margin: auto;
+  margin-bottom: 6px;
+  padding: 6px;
+  transition-duration: 300;
+  background-color: rgba(238, 255, 255, 0.05);
+  border: none;
+  border-radius: 6px;
+}
+
+.menu-favorites-button {
+  padding: 9px;
+  border: none;
+  border-radius: 6px;
+}
+
+.menu-favorites-button:hover {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.menu-places-box {
+  margin: auto;
+  padding: 9px;
+  border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.menu-places-button {
+  padding: 9px;
+}
+
+.menu-categories-box {
+  padding: 9px 30px;
+}
+
+.menu-applications-inner-box,
+.menu-applications-outer-box {
+  padding: 9px 9px 0 9px;
+}
+
+.menu-application-button {
+  padding: 6px;
+  border-radius: 6px;
+  border: none;
+}
+
+.menu-application-button:highlighted {
+  font-weight: bold;
+}
+
+.menu-application-button-selected {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  padding: 6px;
+  border-radius: 6px;
+  border: none;
+}
+
+.menu-application-button-selected:highlighted {
+  font-weight: bold;
+}
+
+.menu-application-button-label:ltr {
+  padding-left: 6px;
+}
+
+.menu-application-button-label:rtl {
+  padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button {
+  padding: 3px 0;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item {
+  padding: 0;
+  spacing: 0;
+  margin: 0 3px;
+  border-radius: 6px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:ltr {
+  padding-left: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:rtl {
+  padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:active {
+  border-image: none;
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StIcon {
+  min-width: 22px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr {
+  padding: 6px 0 6px 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl {
+  padding: 6px 6px 6px 0;
+}
+
+.menu-category-button {
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.menu-category-button-selected {
+  padding: 6px;
+}
+
+.menu-category-button-hover,
+.menu-category-button-selected {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.menu-category-button-greyed {
+  padding: 6px;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.menu-category-button-label:ltr {
+  padding-left: 6px;
+}
+
+.menu-category-button-label:rtl {
+  padding-right: 6px;
+}
+
+.menu-selected-app-box {
+  padding-right: 30px;
+  padding-left: 28px;
+  text-align: right;
+  height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+  padding-top: 10px;
+  height: 30px;
+}
+
+.menu-selected-app-title {
+  font-weight: bold;
+}
+
+.menu-selected-app-description {
+  max-width: 150px;
+  margin-bottom: 6px;
+}
+
+.menu-search-box:ltr {
+  padding-left: 30px;
+}
+
+.menu-search-box-rtl {
+  padding-right: 30px;
+}
+
+#menu-search-entry {
+  width: 250px;
+  height: 15px;
+  font-weight: normal;
+  caret-color: #eeffff;
+}
+
+.menu-search-entry-icon {
+  icon-size: 1em;
+  color: #eeffff;
+}
+
+.info-osd {
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em;
+  padding: 16px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(41, 45, 62, 0.85);
+}
+
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em;
+  padding: 20px;
+  min-width: 64px;
+  min-height: 64px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 0;
+  background-color: rgba(41, 45, 62, 0.85);
+  border: none;
+}
+
+.osd-window .osd-monitor-label {
+  font-size: 3em;
+}
+
+.osd-window .level {
+  padding: 0;
+  height: 4px;
+  background-color: rgba(0, 0, 0, 0.35);
+  border-radius: 6px;
+  color: #e2e9e9;
+}
+
+.osd-window .level-bar {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+.window-list-box {
+  spacing: 2px;
+}
+
+.panel-bottom .window-list-box:ltr,
+.panel-top .window-list-box:ltr {
+  padding: 0 0 0 8px;
+}
+
+.panel-bottom .window-list-box:rtl,
+.panel-top .window-list-box:rtl {
+  padding: 0 8px 0 0;
+}
+
+.window-list-box.vertical {
+  padding: 6px 0 0 0;
+}
+
+.window-list-box.vertical #appMenuIcon {
+  padding-top: 2px;
+}
+
+.window-list-box:highlight {
+  background-color: rgba(240, 113, 120, 0.5);
+}
+
+.window-list-item-label {
+  font-weight: normal;
+  width: 15em;
+  min-width: 5px;
+}
+
+.window-list-item-box {
+  font-weight: normal;
+  background-image: none;
+  transition-duration: 100ms;
+  color: rgba(238, 255, 255, 0.9);
+  border-radius: 0;
+}
+
+.panel-bottom .window-list-item-box StLabel {
+  padding-left: 6px;
+}
+
+.panel-top .window-list-item-box StLabel {
+  padding-left: 6px;
+}
+
+.panel-left .window-list-item-box StLabel {
+  padding-top: 6px;
+}
+
+.panel-right .window-list-item-box StLabel {
+  padding-top: 6px;
+}
+
+.panel-top .window-list-item-box {
+  border-top: 2px solid transparent;
+}
+
+.panel-top .window-list-item-box StIcon,
+.panel-top .window-list-item-box StBin,
+.panel-top .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-top: 0;
+}
+
+.panel-bottom .window-list-item-box {
+  border-bottom: 2px solid transparent;
+}
+
+.panel-bottom .window-list-item-box StIcon,
+.panel-bottom .window-list-item-box StBin,
+.panel-bottom .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-bottom: 0;
+}
+
+.panel-left .window-list-item-box {
+  border-left: 2px solid transparent;
+}
+
+.panel-left .window-list-item-box StIcon,
+.panel-left .window-list-item-box StBin,
+.panel-left .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-left: 0;
+}
+
+.panel-right .window-list-item-box {
+  border-right: 2px solid transparent;
+}
+
+.panel-right .window-list-item-box StIcon,
+.panel-right .window-list-item-box StBin,
+.panel-right .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-right: 0;
+}
+
+.window-list-item-box:hover {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.window-list-item-box:active,
+.window-list-item-box:checked,
+.window-list-item-box:running {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.25);
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+.window-list-item-box:active:hover,
+.window-list-item-box:checked:hover,
+.window-list-item-box:running:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.window-list-item-box:focus {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-image: radial-gradient(
+    5px 5px 45deg,
+    circle cover,
+    rgba(238, 255, 255, 0.7) 0%,
+    rgba(238, 255, 255, 0.7) 100%
+  );
+  border-color: #e2e9e9;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.window-list-item-box:focus:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.panel-top .window-list-item-box:focus {
+  background-position: top center;
+}
+
+.panel-bottom .window-list-item-box:focus {
+  background-position: bottom center;
+}
+
+.panel-left .window-list-item-box:focus {
+  background-position: left center;
+}
+
+.panel-right .window-list-item-box:focus {
+  background-position: right center;
+}
+
+.window-list-item-box.right,
+.window-list-item-box.left {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.window-list-item-box .progress {
+  background-gradient-direction: vertical;
+  background-gradient-start: #c3e88d;
+  background-gradient-end: #c3e88d;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+.window-list-item-demands-attention {
+  background-gradient-start: #ffcc00;
+  background-gradient-end: #ffcc00;
+}
+
+.window-list-preview {
+  padding: 12px;
+  spacing: 6px;
+  border: none;
+  background-color: #292d3e;
+  border-radius: 6px;
+  color: #eeffff;
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
+}
+
+.grouped-window-list-thumbnail-label {
+  padding-left: 4px;
+}
+
+.grouped-window-list-thumbnail-alert {
+  background-color: rgba(240, 113, 120, 0.5);
+}
+
+.grouped-window-list-thumbnail-menu {
+  padding: 6px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box {
+  padding: 6px;
+  border-radius: 6px;
+  spacing: 6px;
+  margin: 1px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:outlined {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.grouped-window-list-thumbnail-menu .item-box:hover {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.grouped-window-list-thumbnail-menu .thumbnail {
+  width: 256px;
+}
+
+.grouped-window-list-thumbnail-menu .separator {
+  width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.grouped-window-list-number-label {
+  z-index: 120;
+  text-shadow: none;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 0;
+}
+
+.grouped-window-list-button-label {
+  padding-left: 2px;
+}
+
+.grouped-window-list-badge {
+  border-radius: 256px;
+  background-color: #e2e9e9;
+}
+
+.grouped-window-list-item-box {
+  font-weight: normal;
+  transition-duration: 100ms;
+  border: none;
+  margin: 0;
+  color: rgba(238, 255, 255, 0.6);
+  border-radius: 0;
+  spacing: 6px;
+  border-bottom: 2px solid transparent;
+}
+
+.grouped-window-list-item-box.top,
+.grouped-window-list-item-box.bottom {
+  padding: 0 2px;
+}
+
+.grouped-window-list-item-box:hover {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.grouped-window-list-item-box:active {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: transparent;
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+.grouped-window-list-item-box:active:hover {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.grouped-window-list-item-box:focus {
+  color: rgba(238, 255, 255, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.2);
+  border-color: #e2e9e9;
+}
+
+.grouped-window-list-item-box:focus:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.grouped-window-list-item-box .progress {
+  background-gradient-direction: vertical;
+  background-gradient-start: #c3e88d;
+  background-gradient-end: #c3e88d;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+.grouped-window-list-item-demands-attention {
+  background-gradient-start: #ffcc00;
+  background-gradient-end: #ffcc00;
+}
+
+.sound-button {
+  width: 22px;
+  height: 13px;
+  padding: 8px;
+}
+
+.sound-button-container {
+  padding-right: 3px;
+  padding-left: 3px;
+}
+
+.sound-button StIcon {
+  icon-size: 1.4em;
+}
+
+.sound-track-infos {
+  padding: 5px;
+}
+
+.sound-track-info {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+
+.sound-track-info StIcon {
+  icon-size: 16px;
+}
+
+.sound-track-info StLabel {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.sound-track-box {
+  padding-left: 15px;
+  padding-right: 15px;
+  max-width: 220px;
+}
+
+.sound-seek-box {
+  padding-left: 15px;
+}
+
+.sound-seek-box StLabel {
+  padding-top: 2px;
+}
+
+.sound-seek-box StIcon {
+  icon-size: 16px;
+}
+
+.sound-seek-slider {
+  width: 140px;
+}
+
+.sound-volume-menu-item {
+  padding: 0.4em 1.75em;
+}
+
+.sound-volume-menu-item StIcon {
+  icon-size: 1.14em;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.sound-playback-control {
+  padding: 5px 10px 10px 10px;
+}
+
+.sound-player {
+  padding: 0 0;
+  margin-top: 6px;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.sound-player > StBoxLayout:first-child {
+  padding: 5px 10px 10px 10px;
+  spacing: 0.5em;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small {
+  width: 24px;
+  height: 24px;
+  border-radius: 9999px;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:hover {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:active {
+  background-color: rgba(0, 0, 0, 0.26);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small StIcon {
+  icon-size: 16px;
+}
+
+.sound-player-generic-coverart {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.sound-player-overlay {
+  width: 290px;
+  height: 80px;
+  padding: 12px 18px;
+  spacing: 6px;
+  background-color: rgba(0, 0, 0, 0.45);
+  border: none;
+  border-radius: 0 0 6px 6px;
+  color: #eeffff;
+  text-shadow: none;
+}
+
+.sound-player-overlay StButton {
+  width: 16px;
+  height: 16px;
+  padding: 8px;
+  margin: 0 6px 6px;
+  color: #eeffff;
+  border-radius: 9999px;
+  border: none;
+  text-shadow: none;
+}
+
+.sound-player-overlay StButton StIcon {
+  icon-size: 16px;
+}
+
+.sound-player-overlay StButton:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.sound-player-overlay StButton:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.sound-player-overlay StLabel {
+  padding: 0 6px;
+}
+
+.sound-player-overlay StBoxLayout {
+  padding-top: 2px;
+}
+
+.sound-player .slider {
+  height: 0.5em;
+  padding: 0;
+  border: 0px solid rgba(5, 5, 5, 0.9);
+  border-bottom: 1px;
+  -slider-height: 0.5em;
+  -slider-background-color: #1f1f1f;
+  -slider-border-color: rgba(0, 0, 0, 0);
+  -slider-active-background-color: #e2e9e9;
+  -slider-active-border-color: rgba(0, 0, 0, 0);
+  -slider-border-width: 0px;
+  -slider-handle-radius: 0px;
+}
+
+#workspaceSwitcher {
+  spacing: 0px;
+  padding: 3px;
+}
+
+/* Controls the styling when using the "Simple buttons" option */
+.workspace-switcher {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.workspace-button {
+  width: 20px;
+  height: 10px;
+  color: rgba(238, 255, 255, 0.7);
+  padding: 3px;
+  padding-top: 4px;
+  transition-duration: 300;
+}
+
+.workspace-button:outlined,
+.workspace-button:outlined:hover {
+  color: #e2e9e9;
+}
+
+.workspace-button:hover {
+  color: #eeffff;
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+  padding: 3px;
+  spacing: 3px;
+}
+
+.workspace-graph .workspace {
+  border: 1px solid rgba(0, 0, 0, 0.4);
+  background-gradient-direction: none;
+  background-color: rgba(0, 0, 0, 0.2);
+}
+
+.workspace-graph .workspace:active {
+  border: 1px solid #e2e9e9;
+  background-gradient-direction: none;
+}
+
+.workspace-graph .workspace .windows {
+  -active-window-background: rgba(71, 71, 71, 0.75);
+  -active-window-border: rgba(0, 0, 0, 0.8);
+  -inactive-window-background: rgba(71, 71, 71, 0.75);
+  -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+.workspace-graph .workspace:active .windows {
+  -active-window-background: rgba(84, 84, 84, 0.75);
+  -active-window-border: rgba(0, 0, 0, 0.8);
+  -inactive-window-background: rgba(46, 46, 46, 0.75);
+  -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+#panel-launchers-box {
+  padding: 0 6px;
+}
+
+#panel-launchers-box.vertical {
+  padding: 3px 0;
+}
+
+.panel-launcher {
+  padding: 2px;
+  transition-duration: 200ms;
+  border-radius: 0;
+}
+
+.panel-launcher:hover {
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.panel-launcher:active {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.launcher {
+  padding: 2px;
+  spacing: 2px;
+  transition-duration: 0.2s;
+  border-radius: 0;
+}
+
+.launcher:hover {
+  background-gradient-direction: none;
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+.launcher:active {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.launcher .icon-box {
+  padding: 2px;
+}
+
+.applet-separator {
+  padding: 1px 3px;
+}
+
+.applet-separator-line {
+  width: 1px;
+  background: rgba(238, 255, 255, 0.12);
+}
+
+.applet-box {
+  padding: 0 6px;
+  color: rgba(238, 255, 255, 0.7);
+  text-shadow: none;
+  transition-duration: 100ms;
+  border-radius: 0;
+}
+
+.applet-box.vertical {
+  padding: 6px 0;
+}
+
+.applet-box:hover {
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+.applet-box:checked,
+.applet-box:checked:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.applet-box:highlight {
+  background-image: none;
+  border-image: none;
+  background-color: rgba(240, 113, 120, 0.5);
+}
+
+.applet-label {
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.applet-box:checked .applet-label {
+  color: rgba(0, 0, 0, 0.87);
+  text-shadow: none;
+}
+
+.applet-icon {
+  color: rgba(238, 255, 255, 0.7);
+  icon-size: 16px;
+}
+
+.applet-box:checked .applet-icon {
+  color: rgba(238, 255, 255, 0.7);
+  text-shadow: none;
+}
+
+.user-icon {
+  width: 32px;
+  height: 32px;
+  background-color: transparent;
+  border: none;
+  border-radius: 0;
+}
+
+.user-label {
+  color: #eeffff;
+  font-size: 1em;
+  font-weight: bold;
+  margin: 0px;
+}
+
+.desklet {
+  color: #eeffff;
+}
+
+.desklet:highlight {
+  background-color: rgba(240, 113, 120, 0.5);
+}
+
+.desklet-with-borders {
+  color: #eeffff;
+  background-color: rgba(27, 30, 43, 0.9);
+  padding: 12px;
+  padding-bottom: 16px;
+}
+
+.desklet-with-borders:highlight {
+  background-color: rgba(240, 113, 120, 0.5);
+}
+
+.desklet-with-borders-and-header {
+  color: #eeffff;
+  background-color: rgba(27, 30, 43, 0.9);
+  border-radius: 6px;
+  border-radius-topleft: 0;
+  border-radius-topright: 0;
+  padding: 12px;
+  padding-bottom: 17px;
+}
+
+.desklet-with-borders-and-header:highlight {
+  background-color: rgba(240, 113, 120, 0.5);
+}
+
+.desklet-header {
+  color: #eeffff;
+  background-color: rgba(27, 30, 43, 0.9);
+  border-radius: 0;
+  border-radius-topleft: 6px;
+  border-radius-topright: 6px;
+  font-size: 1em;
+  padding: 12px;
+  padding-bottom: 6px;
+}
+
+.desklet-drag-placeholder {
+  border: 2px solid #b480d6;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+.photoframe-box {
+  color: #eeffff;
+  background-color: rgba(27, 30, 43, 0.9);
+  padding: 12px;
+  padding-bottom: 16px;
+}
+
+.workspace-osd {
+  text-shadow: black 5px 5px 5px;
+  font-weight: bold;
+  font-size: 48pt;
+}
+
+.notification-applet-padding {
+  padding: 0.5em 1em;
+}
+
+.notification-applet-container {
+  max-height: 9999px;
+}
+
+.tile-preview,
+.tile-preview.snap,
+.tile-hud,
+.tile-hud.snap {
+  background-color: rgba(226, 233, 233, 0.3);
+  border: 1px solid #e2e9e9;
+}
+
+.xkcd-box {
+  padding: 6px;
+  border: 0px;
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 0px;
+}
diff --git a/Material/files/Material/config/Palenight-BL/gnome-shell/gnome-shell.css b/Material/files/Material/config/Palenight-BL/gnome-shell/gnome-shell.css
new file mode 100644
index 000000000..c2ee34489
--- /dev/null
+++ b/Material/files/Material/config/Palenight-BL/gnome-shell/gnome-shell.css
@@ -0,0 +1,4398 @@
+/* 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.
+ */
+
+.message-list .message-list-placeholder {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.quick-toggle-menu .header .title {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.quick-toggle-menu .header .subtitle {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+.icon-label-button-container {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.ripple-pointer-location {
+  width: 48px;
+  height: 48px;
+  border-radius: 24px;
+  background-color: rgba(238, 255, 255, 0.3);
+  box-shadow: 0 0 2px 2px #eeffff;
+}
+
+.pie-timer {
+  width: 60px;
+  height: 60px;
+  -pie-border-width: 3px;
+  -pie-border-color: #e2e9e9;
+  -pie-background-color: rgba(238, 255, 255, 0.3);
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #e2e9e9;
+}
+
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+/* App Icons */
+.show-apps .show-apps-icon {
+  color: transparent;
+  background-image: url('assets/applogo.svg');
+  background-size: contain;
+  border-radius: 6px;
+  padding: 2px 4px;
+}
+
+.show-apps .overview-icon,
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+  color: #eeffff;
+  border-radius: 9px;
+  padding: 6px;
+  border: none;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.show-apps:hover .overview-icon,
+.show-apps:focus .overview-icon,
+.show-apps:selected .overview-icon,
+.app-well-app:hover .overview-icon,
+.app-well-app:focus .overview-icon,
+.app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:focus .overview-icon,
+.grid-search-result:selected .overview-icon {
+  color: #b480d6;
+  background-color: rgba(32, 35, 49, 0.65);
+  border-image: none;
+  background-image: none;
+}
+
+.show-apps:active .overview-icon,
+.show-apps:checked .overview-icon,
+.app-well-app:active .overview-icon,
+.app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+  background-color: rgba(32, 35, 49, 1);
+  box-shadow: none;
+}
+
+.app-well-app.app-folder {
+  background-color: rgba(32, 35, 49, 0.65);
+  border-radius: 12px;
+}
+
+.app-well-app.app-folder .overview-icon {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.app-well-app.app-folder:hover {
+  background-color: rgba(32, 35, 49, 1);
+}
+
+.app-well-app.app-folder:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.app-folder-dialog {
+  border-radius: 36px;
+  padding: 12px;
+  background-color: rgba(41, 45, 62, 0.95);
+  border: 1px solid rgba(180, 128, 214, 0.55);
+  box-shadow: inset 0 0 0 1px rgba(180, 128, 214, 0.2);
+}
+
+.app-folder-dialog .folder-name-container {
+  padding: 24px 36px 0;
+  spacing: 12px;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label,
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  font-size: 18pt;
+  font-weight: bold;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  width: 300px;
+  border: 2px solid transparent;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+  padding: 9px 8px;
+  color: #b480d6;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+  background-color: rgba(238, 255, 255, 0.06);
+  color: #b480d6;
+  border: none;
+  padding: 0;
+  width: 36px;
+  height: 36px;
+  border-radius: 9999px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+  icon-size: 16px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked,
+.app-folder-dialog .folder-name-container .edit-folder-button:active {
+  background-color: #eeffff;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.app-folder-dialog .icon-grid {
+  row-spacing: 12px;
+  column-spacing: 24px;
+  page-padding-top: 0;
+  page-padding-bottom: 0;
+  page-padding-left: 0;
+  page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+  margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+  padding: 0;
+  width: 620px;
+  height: 620px;
+}
+
+.app-well-app-running-dot {
+  width: 6px;
+  height: 3px;
+  border-radius: 2px;
+  background-color: rgba(238, 255, 255, 0.3);
+  margin-bottom: 0;
+}
+
+StWidget.focused .app-well-app-running-dot {
+  width: 24px;
+  background-color: #eeffff !important;
+}
+
+.app-menu,
+.app-well-menu {
+  max-width: 27.25em;
+}
+
+.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;
+}
+
+.system-action-icon {
+  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border-radius: 9999px;
+  icon-size: 48px;
+}
+
+.shell-link {
+  border-radius: 6px;
+  color: #89ddff;
+}
+
+.shell-link:hover {
+  color: #89ddff;
+  background-color: rgba(137, 221, 255, 0.15);
+}
+
+.shell-link:active {
+  color: #89ddff;
+  background-color: rgba(137, 221, 255, 0.25);
+}
+
+.lowres-icon {
+  icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.icon-dropshadow {
+  icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
+}
+
+/* Buttons */
+.hotplug-notification-item,
+.icon-button,
+.button {
+  color: #eeffff;
+  background-color: rgba(41, 45, 62, 0.95);
+  box-shadow: none !important;
+}
+
+.hotplug-notification-item:focus,
+.icon-button:focus,
+.button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.hotplug-notification-item:hover,
+.icon-button:hover,
+.button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none !important;
+}
+
+.hotplug-notification-item:active,
+.icon-button:active,
+.button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none !important;
+}
+
+.hotplug-notification-item:insensitive,
+.icon-button:insensitive,
+.button:insensitive {
+  color: rgba(238, 255, 255, 0.35);
+  background-color: rgba(41, 45, 62, 0.95);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button,
+.candidate-page-button,
+.modal-dialog-linked-button,
+.popup-menu .button {
+  color: #eeffff;
+  background-color: transparent;
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:focus,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus,
+.candidate-page-button:focus,
+.modal-dialog-linked-button:focus,
+.popup-menu .button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:hover,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover,
+.candidate-page-button:hover,
+.modal-dialog-linked-button:hover,
+.popup-menu .button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.lg-obj-inspector-button:active,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:active,
+.candidate-page-button:active,
+.modal-dialog-linked-button:active,
+.popup-menu .button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:insensitive,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive,
+.candidate-page-button:insensitive,
+.modal-dialog-linked-button:insensitive,
+.popup-menu .button:insensitive {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.35);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button,
+.screenshot-ui-type-button,
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button,
+.login-dialog .modal-dialog-button,
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button:default {
+  color: #eeffff;
+  background-color: transparent;
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:insensitive,
+.screenshot-ui-type-button:insensitive,
+.login-dialog .cancel-button:insensitive,
+.login-dialog .switch-user-button:insensitive,
+.login-dialog .login-dialog-session-list-button:insensitive,
+.unlock-dialog .cancel-button:insensitive,
+.unlock-dialog .switch-user-button:insensitive,
+.unlock-dialog .login-dialog-session-list-button:insensitive,
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+  color: rgba(238, 255, 255, 0.35);
+  background-color: rgba(41, 45, 62, 0.95);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:focus,
+.screenshot-ui-type-button:focus,
+.login-dialog .cancel-button:focus,
+.login-dialog .switch-user-button:focus,
+.login-dialog .login-dialog-session-list-button:focus,
+.unlock-dialog .cancel-button:focus,
+.unlock-dialog .switch-user-button:focus,
+.unlock-dialog .login-dialog-session-list-button:focus,
+.login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:hover,
+.screenshot-ui-type-button:hover,
+.login-dialog .cancel-button:hover,
+.login-dialog .switch-user-button:hover,
+.login-dialog .login-dialog-session-list-button:hover,
+.unlock-dialog .cancel-button:hover,
+.unlock-dialog .switch-user-button:hover,
+.unlock-dialog .login-dialog-session-list-button:hover,
+.login-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:active,
+.screenshot-ui-type-button:active,
+.login-dialog .cancel-button:active,
+.login-dialog .switch-user-button:active,
+.login-dialog .login-dialog-session-list-button:active,
+.unlock-dialog .cancel-button:active,
+.unlock-dialog .switch-user-button:active,
+.unlock-dialog .login-dialog-session-list-button:active,
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none !important;
+}
+
+.button {
+  min-height: 20px;
+  padding: 6px 12px;
+  border-radius: 6px;
+  border: none;
+}
+
+.icon-button {
+  border-radius: 9999px;
+  padding: 6px;
+}
+
+.icon-button StIcon {
+  icon-size: 16px !important;
+  -st-icon-style: symbolic;
+}
+
+/* Date/Time Menu */
+.popup-menu .message,
+.world-clocks-button,
+.weather-button,
+.events-button {
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.04);
+  border-radius: 6px;
+  border: none;
+  box-shadow: none;
+  text-shadow: none;
+  padding: 6px 9px;
+}
+
+.popup-menu .message:hover,
+.world-clocks-button:hover,
+.weather-button:hover,
+.events-button:hover,
+.popup-menu .message:focus,
+.world-clocks-button:focus,
+.weather-button:focus,
+.events-button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+.popup-menu .message:active,
+.world-clocks-button:active,
+.weather-button:active,
+.events-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none;
+}
+
+.clock-display-box {
+  spacing: 2px;
+}
+
+.clock-display-box .clock {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+#calendarArea {
+  padding: 6px 0;
+}
+
+.datemenu-calendar-column {
+  spacing: 6px;
+  border: 0 solid rgba(238, 255, 255, 0.12);
+  padding: 0 12px;
+}
+
+.datemenu-calendar-column:ltr {
+  margin-right: 0;
+  border-left-width: 0;
+}
+
+.datemenu-calendar-column:rtl {
+  margin-left: 0;
+  border-right-width: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-section {
+  padding-bottom: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+  spacing: 6px;
+}
+
+.world-clocks-header,
+.weather-header,
+.events-section-title {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: bold;
+}
+
+.datemenu-today-button,
+.datemenu-displays-box,
+.message-list-sections {
+  margin: 4px 6px;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+  border: none;
+  box-shadow: none;
+  background: none;
+  padding: 6px;
+  margin: 0 12px;
+  text-shadow: none;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 12px;
+}
+
+.datemenu-today-button:hover,
+.datemenu-today-button:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.datemenu-today-button:active {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.datemenu-today-button .day-label {
+  font-size: 12pt;
+  font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+  font-size: 18pt;
+  font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  padding: 0 3px !important;
+  margin: 0 !important;
+  text-shadow: none;
+  border-radius: 12px;
+}
+
+.calendar .calendar-month-label {
+  padding: 6px 0;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: bold;
+  text-align: center;
+  text-shadow: none;
+  font-size: 12pt;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 0 !important;
+  margin: 3px 0 !important;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+  icon-size: 16px;
+}
+
+.calendar .pager-button {
+  width: 32px !important;
+  height: 32px !important;
+  margin: 2px !important;
+  border-radius: 9999px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.calendar .pager-button:hover,
+.calendar .pager-button:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.calendar .pager-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.calendar .calendar-day-base {
+  font-size: 10pt;
+  text-align: center;
+  width: 34px !important;
+  height: 34px !important;
+  padding: 0 !important;
+  margin: 2px !important;
+  border-radius: 9999px;
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  font-feature-settings: 'tnum';
+}
+
+.calendar .calendar-day-base:hover,
+.calendar .calendar-day-base:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  outline: none;
+}
+
+.calendar .calendar-day-base:active,
+.calendar .calendar-day-base:selected {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+  border-color: transparent;
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+  margin-top: 1em;
+  color: rgba(238, 255, 255, 0.5);
+  font-size: 10pt;
+}
+
+.calendar .calendar-day {
+  border-width: 0;
+}
+
+.calendar .calendar-day-top {
+  border-top-width: 0;
+}
+
+.calendar .calendar-day-left {
+  border-left-width: 0;
+}
+
+.calendar .calendar-nonwork-day {
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: bold;
+}
+
+.calendar .calendar-today {
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.7) !important;
+  background-color: rgba(238, 255, 255, 0.06);
+  border: none;
+}
+
+.calendar .calendar-today:hover,
+.calendar .calendar-today:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff !important;
+}
+
+.calendar .calendar-today:active {
+  background-color: #676e95;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected {
+  background-color: #b480d6;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected:hover,
+.calendar .calendar-today:selected:focus {
+  background-color: #9d7cd8;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-day-with-events {
+  color: rgba(238, 255, 255, 0.7);
+  background-image: url('assets/calendar-today.svg');
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 0.5;
+}
+
+.calendar .calendar-week-number {
+  width: 26px;
+  height: 20px;
+  margin: 6px 2px !important;
+  padding: 0 0;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  font-size: inherit;
+  font-weight: bold;
+  text-align: center;
+}
+
+.world-clocks-button,
+.weather-button,
+.events-button {
+  padding: 12px !important;
+  margin: 2px 0 !important;
+}
+
+.events-button .events-box {
+  spacing: 6px;
+}
+
+.events-button .events-list {
+  spacing: 12px;
+  text-shadow: none;
+}
+
+.events-button .events-title {
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: bold;
+  text-shadow: none;
+}
+
+.events-button .event-time {
+  color: rgba(238, 255, 255, 0.5);
+  font-feature-settings: 'tnum';
+  font-size: 10pt;
+}
+
+.world-clocks-button .world-clocks-city {
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: bold;
+  font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time {
+  color: rgba(238, 255, 255, 0.5);
+  font-feature-settings: 'tnum';
+  font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+  text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+  text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+  color: rgba(238, 255, 255, 0.5);
+  font-feature-settings: 'tnum';
+  font-size: 10pt;
+}
+
+.world-clocks-grid,
+.weather-grid {
+  spacing-rows: 0.4em;
+  spacing-columns: 0.8em;
+}
+
+.weather-button {
+  margin-bottom: 6px !important;
+}
+
+.weather-button .weather-box {
+  spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+  spacing: 6px;
+}
+
+.weather-button .weather-header {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: bold;
+}
+
+.weather-button .weather-header.location {
+  font-weight: normal;
+  color: rgba(238, 255, 255, 0.5);
+  font-size: 10pt;
+}
+
+.weather-button .weather-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.weather-button .weather-forecast-time {
+  color: rgba(238, 255, 255, 0.7);
+  font-feature-settings: 'tnum';
+  font-size: 9pt;
+  font-weight: normal;
+  padding-top: 0.2em;
+  padding-bottom: 0.4em;
+}
+
+.weather-button .weather-forecast-icon {
+  icon-size: 32px;
+}
+
+.weather-button .weather-forecast-temp {
+  font-weight: bold;
+}
+
+/* Check Boxes */
+.check-box StBoxLayout {
+  spacing: 0.8em;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+  background-image: url('assets/checkbox-off.svg');
+}
+
+.check-box:hover StBin {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.check-box:active StBin {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+  background-image: url('assets/checkbox-dark.svg');
+}
+
+/* Activities Ripple */
+.ripple-box {
+  background-color: rgba(226, 233, 233, 0.35);
+  box-shadow: 0 0 2px 2px #eeffff;
+  width: 52px;
+  height: 52px;
+  border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+  border-radius: 0 0 0 52px;
+}
+
+/* Dash */
+#dash {
+  font-size: 9pt;
+}
+
+#dash .empty-dash-drop-target {
+  width: 32px;
+  height: 32px;
+}
+
+.dash-label {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #b480d6;
+  padding: 6px 12px;
+  text-align: center;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.55);
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
+  -y-offset: 12px;
+  -x-offset: 8px;
+}
+
+/* Modal Dialogs */
+.candidate-popup-content,
+.modal-dialog {
+  background-color: #202331;
+  border-radius: 12px;
+  margin: 15px;
+  border: 1px solid rgba(180, 128, 214, 0.55);
+  box-shadow: inset 0 0 0 1px rgba(180, 128, 214, 0.2);
+}
+
+.modal-dialog-linked-button:last-child {
+  color: #eeffff;
+  background-color: #3a3f58;
+}
+
+.modal-dialog-linked-button:hover:last-child {
+  color: #eeffff;
+  background-color: #6e98eb;
+}
+
+.modal-dialog-linked-button:active:last-child {
+  color: #eeffff;
+  background-color: #b480d6;
+}
+
+.modal-dialog-linked-button:insensitive:last-child {
+  background-color: rgba(226, 233, 233, 0.05);
+  color: rgba(226, 233, 233, 0.35);
+}
+
+.headline {
+  font-size: 12pt;
+}
+
+.modal-dialog {
+  color: #eeffff;
+  padding: 0 6px 6px 6px;
+}
+
+.modal-dialog-linked-button {
+  min-height: 32px;
+  padding: 6px;
+  margin: 3px !important;
+  border: none !important;
+  border-radius: 6px;
+}
+
+.modal-dialog-linked-button:first-child {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.modal-dialog-linked-button:first-child:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.modal-dialog-linked-button:first-child:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.modal-dialog-linked-button:first-child:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none !important;
+}
+
+.modal-dialog .modal-dialog-content-box {
+  margin: 30px 42px;
+  spacing: 30px;
+  max-width: 28em;
+}
+
+.end-session-dialog {
+  width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+  color: #ffcb6b;
+}
+
+.message-dialog-content {
+  spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+  text-align: center;
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+  font-size: 13pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+  text-align: center;
+}
+
+.dialog-list {
+  spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+  text-align: center;
+  font-weight: bold;
+}
+
+.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: rgba(238, 255, 255, 0.7);
+  font-size: 10pt;
+}
+
+.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: rgba(238, 255, 255, 0.7);
+  font-size: 10pt;
+}
+
+.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;
+  font-size: 10pt;
+  margin: 6px;
+}
+
+.prompt-dialog-error-label {
+  color: #f07178;
+}
+
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.polkit-dialog-user-layout {
+  text-align: center;
+  spacing: 8px;
+  margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+  color: #ffcb6b;
+}
+
+.audio-device-selection-dialog .modal-dialog-content-box {
+  margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+  spacing: 20px;
+}
+
+.audio-selection-device {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.audio-selection-device:hover,
+.audio-selection-device:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.audio-selection-device:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.audio-selection-device-box {
+  padding: 18px;
+  spacing: 18px;
+}
+
+.audio-selection-device-icon {
+  icon-size: 64px;
+}
+
+.welcome-dialog-image {
+  background-image: url('resource:///org/gnome/shell/theme/gnome-shell-start.svg');
+  background-size: contain;
+  height: 300px;
+  width: 300px;
+}
+
+/* Entries */
+StEntry,
+.search-entry {
+  min-height: 20px;
+  padding: 6px 12px;
+  margin: 2px;
+  border: none;
+  border-radius: 6px;
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid transparent;
+  box-shadow: none;
+  caret-color: #eeffff;
+  selection-background-color: rgba(238, 255, 255, 0.25);
+  selected-color: #eeffff;
+}
+
+StEntry:hover,
+.search-entry:hover {
+  color: #eeffff;
+  border-color: rgba(226, 233, 233, 0.35);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+StEntry:focus,
+.search-entry:focus {
+  color: #eeffff;
+  border-color: #e2e9e9;
+  background-color: rgba(238, 255, 255, 0.04);
+  box-shadow: none;
+}
+
+StEntry:insensitive,
+.search-entry:insensitive {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.35);
+  border-color: transparent;
+}
+
+StEntry StIcon.capslock-warning,
+.search-entry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #ffcb6b;
+  padding: 0;
+}
+
+StEntry StIcon.peek-password,
+.search-entry StIcon.peek-password {
+  icon-size: 16px;
+  padding: 0 4px;
+}
+
+StEntry StLabel.hint-text,
+.search-entry StLabel.hint-text {
+  margin-left: 2px;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.hotplug-notification-item {
+  padding: 12px;
+  border-style: solid;
+  border-width: 0;
+  border-left-width: 0;
+  border-bottom-width: 0;
+}
+
+.hotplug-notification-item:first-child {
+  border-radius: 0 0 0 6px;
+}
+
+.hotplug-notification-item:last-child {
+  border-right-width: 0;
+  border-radius: 0 0 6px 0;
+}
+
+.hotplug-notification-item:first-child:last-child {
+  border-radius: 0 0 6px 6px;
+}
+
+.hotplug-notification-item-icon {
+  icon-size: 24px;
+  padding: 0 4px;
+}
+
+.candidate-popup-boxpointer {
+  -arrow-border-radius: 2px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 64px;
+  -arrow-rise: 12px;
+}
+
+.candidate-popup-content {
+  color: rgba(238, 255, 255, 0.7);
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35) !important;
+  border: none;
+  margin: 3px 8px 12px !important;
+  padding: 6px;
+  spacing: 6px;
+}
+
+.candidate-index {
+  padding: 0 0.5em 0 0;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.candidate-box:selected .candidate-index {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.candidate-box {
+  padding: 0.3em 0.5em 0.3em 0.5em;
+  margin-right: 2px;
+  border-radius: 6px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.candidate-box:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.candidate-box:active {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #eeffff;
+}
+
+.candidate-box:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.candidate-box:last-child {
+  margin-right: 0;
+}
+
+.candidate-page-button-box {
+  height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+  padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+  padding-left: 0.5em;
+}
+
+.candidate-page-button {
+  padding: 6px 9px;
+}
+
+.candidate-page-button-previous,
+.candidate-page-button-next {
+  border-radius: 6px;
+}
+
+.candidate-page-button-icon {
+  icon-size: 1em;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+  background-color: #202331;
+  box-shadow: none;
+}
+
+#keyboard .page-indicator {
+  padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+  width: 8px;
+  height: 8px;
+}
+
+.key-container,
+.keyboard-layout {
+  padding: 4px;
+  spacing: 4px;
+}
+
+.keyboard-key {
+  font-size: 16pt;
+  font-weight: bold;
+  min-height: 1.2em;
+  min-width: 1.2em;
+  border-radius: 9px;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: #3a3f58;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key:focus,
+.keyboard-key:hover {
+  color: #eeffff;
+  background-color: #414863;
+}
+
+.keyboard-key:checked,
+.keyboard-key:active {
+  color: #eeffff;
+  background-color: #515772;
+}
+
+.keyboard-key:grayed {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.keyboard-key.default-key {
+  background-color: #222436;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key.default-key:focus,
+.keyboard-key.default-key:hover {
+  color: #eeffff;
+  background-color: #444a73;
+}
+
+.keyboard-key.default-key:checked,
+.keyboard-key.default-key:active {
+  color: #eeffff;
+  background-color: #515772;
+}
+
+.keyboard-key.enter-key {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key.enter-key:focus,
+.keyboard-key.enter-key:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #c8d3f5;
+}
+
+.keyboard-key.enter-key:checked,
+.keyboard-key.enter-key:active {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #717cb4;
+}
+
+.keyboard-key.shift-key-uppercase,
+.keyboard-key.shift-key-uppercase:focus,
+.keyboard-key.shift-key-uppercase:hover,
+.keyboard-key.shift-key-uppercase:checked,
+.keyboard-key.shift-key-uppercase:active {
+  color: #e2e9e9;
+}
+
+.keyboard-key StIcon {
+  icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+  color: inherit;
+  -arrow-border-radius: 12px;
+  -arrow-background-color: #202331;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 5px;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+}
+
+.emoji-page .keyboard-key {
+  background-color: transparent;
+  border: none;
+  color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+  border: none;
+  background-color: #e2e9e9;
+}
+
+.word-suggestions {
+  font-size: 14pt;
+  spacing: 12px;
+  min-height: 20pt;
+}
+
+/* Login Dialog */
+#lockDialogGroup {
+  background-color: rgba(41, 45, 62, 0.95);
+}
+
+.login-dialog-banner-view {
+  padding-top: 24px;
+  max-width: 23em;
+}
+
+.login-dialog,
+.unlock-dialog {
+  border: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+  spacing: 3px;
+}
+
+.login-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button {
+  padding: 0 16px;
+  border: none;
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+  padding: 0;
+  border-radius: 9999px;
+  width: 32px;
+  height: 32px;
+  border: none;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+  icon-size: 16px;
+}
+
+.login-dialog .login-dialog-message-warning,
+.unlock-dialog .login-dialog-message-warning {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog .user-icon,
+.unlock-dialog .user-icon {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog .user-icon StIcon,
+.unlock-dialog .user-icon StIcon {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+}
+
+.login-dialog .user-icon,
+.login-dialog .user-icon.user-avatar,
+.unlock-dialog .user-icon,
+.unlock-dialog .user-icon.user-avatar {
+  border: none;
+}
+
+.login-dialog-logo-bin {
+  padding: 24px 0px;
+}
+
+.login-dialog-banner {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-button-box {
+  spacing: 5px;
+}
+
+.login-dialog-message {
+  text-align: center;
+}
+
+.login-dialog-message-warning {
+  color: #ffcb6b;
+}
+
+.login-dialog-message-hint {
+  padding-top: 0;
+  padding-bottom: 20px;
+}
+
+.login-dialog-user-selection-box {
+  padding: 100px 0px;
+}
+
+.login-dialog-not-listed-label {
+  padding-left: 2px;
+}
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
+.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+  color: #eeffff;
+}
+
+.login-dialog-not-listed-label {
+  font-size: 1em;
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.7);
+  padding-top: 1em;
+}
+
+.login-dialog-not-listed-label:hover {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-not-listed-label:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.login-dialog-user-list-view {
+  -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+  spacing: 12px;
+  padding: 0.2em;
+  width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected,
+.login-dialog-user-list:expanded .login-dialog-user-list-item:hover,
+.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+  border-right: 2px solid #e2e9e9;
+}
+
+.login-dialog-user-list-item {
+  border-radius: 12px;
+  padding: 6px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item:ltr .user-widget {
+  padding-right: 1em;
+}
+
+.login-dialog-user-list-item:rtl .user-widget {
+  padding-left: 1em;
+}
+
+.login-dialog-user-list-item:focus {
+  background-color: rgba(238, 255, 255, 0.04) !important;
+}
+
+.login-dialog-user-list-item:hover,
+.login-dialog-user-list-item:focus:hover {
+  background-color: rgba(238, 255, 255, 0.12) !important;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item:active,
+.login-dialog-user-list-item:focus:active {
+  background-color: rgba(238, 255, 255, 0.3) !important;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+  height: 2px;
+  margin: 6px 0 0 0;
+  background-color: rgba(238, 255, 255, 0.12) !important;
+}
+
+.user-widget-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.user-widget.horizontal .user-widget-label {
+  font-size: 13pt;
+  font-weight: bold;
+  padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+  padding-left: 14px;
+  text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+  padding-right: 14px;
+  text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+  font-size: 16pt;
+  text-align: center;
+  font-weight: normal;
+  padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+  padding-top: 24px;
+  padding-bottom: 12px;
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-prompt-entry {
+  height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: 12pt;
+  padding-top: 1em;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+  background-color: rgba(41, 45, 62, 0.95) !important;
+  spacing: 4px;
+  padding: 0;
+  border-radius: 6px;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+  color: #eeffff !important;
+  border: none;
+}
+
+#LookingGlassDialog > #Toolbar {
+  padding: 0 6px;
+  border: none;
+  border-radius: 0;
+  background-color: rgba(41, 45, 62, 0.95) !important;
+  box-shadow: inset 0 -1px 0 rgba(238, 255, 255, 0.12);
+  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;
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.5);
+  padding: 6px 12px;
+  transition-duration: 100ms;
+  border-bottom-width: 0;
+  border-radius: 0;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+  text-shadow: none;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: inset 0 -2px 0 #e2e9e9;
+  color: #eeffff;
+  text-shadow: none;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+  padding: 4px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+  spacing: 6px;
+  padding: 6px;
+}
+
+.lg-dialog StEntry {
+  min-height: 22px;
+  selection-background-color: #e2e9e9;
+  selected-color: rgba(0, 0, 0, 0.87);
+}
+
+.lg-dialog .shell-link {
+  color: #89ddff;
+}
+
+.lg-dialog .shell-link:hover {
+  color: #51adf6;
+}
+
+.lg-dialog .shell-link:active {
+  color: #0c7cd5;
+}
+
+.lg-dialog .actor-link {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.lg-dialog .actor-link:hover {
+  color: #eeffff;
+}
+
+.lg-dialog .actor-link:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.lg-completions-text {
+  font-size: 0.9em;
+  font-style: italic;
+}
+
+.lg-obj-inspector-title {
+  spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+  padding: 0 16px;
+  border: none;
+  border-radius: 6px;
+}
+
+.lg-obj-inspector-button:hover {
+  border: none;
+}
+
+#lookingGlassExtensions {
+  padding: 6px;
+}
+
+.lg-extensions-list {
+  padding: 6px;
+  spacing: 6px;
+}
+
+.lg-extension {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04) !important;
+  color: #eeffff !important;
+  padding: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+.lg-extension-name {
+  font-weight: bold;
+}
+
+.lg-extension-meta {
+  spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+  color: rgba(238, 255, 255, 0.7) !important;
+  background: rgba(41, 45, 62, 0.95) !important;
+  border: none;
+  border-radius: 6px;
+  padding: 6px;
+  margin: 5px 8px 11px;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+.lg-debug-flag-button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.lg-debug-flag-button StLabel {
+  padding: 6px 12px;
+}
+
+.lg-debug-flag-button:hover {
+  color: #eeffff;
+}
+
+.lg-debug-flag-button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.lg-debug-flags-header {
+  padding-top: 12px;
+  padding: 6px;
+  margin: 6px;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/* Message List */
+.message-list {
+  width: 31.5em;
+  text-shadow: none;
+  border: solid rgba(238, 255, 255, 0.12);
+  padding: 6px;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-right: 12px;
+  border-right-width: 1px;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 4px;
+  padding-left: 12px;
+  border-left-width: 1px;
+}
+
+.message-list .message-list-placeholder {
+  spacing: 12px;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 48px;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+  margin: 0 8px;
+}
+
+.message-list-section,
+.message-list-sections,
+.message-list-section-list {
+  spacing: 6px;
+}
+
+.message-list-controls {
+  margin: 8px 16px 0;
+  padding: 4px;
+  spacing: 12px;
+}
+
+.message {
+  margin: 3px 0;
+}
+
+.message .message-icon-bin {
+  padding: 18px 12px;
+  padding-right: 6px;
+}
+
+.message .message-icon-bin:rtl {
+  padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+  icon-size: 32px;
+  -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+  width: 16px;
+  height: 16px;
+}
+
+.message .message-secondary-bin {
+  padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+  color: rgba(238, 255, 255, 0.5);
+  font-size: 9pt;
+  text-align: right;
+  padding-bottom: 0;
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+  text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+  text-align: left;
+}
+
+.message .message-title {
+  color: #eeffff;
+  font-weight: bold;
+  padding-top: 0.57em;
+}
+
+.message .message-content {
+  padding: 6px;
+  margin-bottom: 4px;
+  spacing: 4px;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.message .message-close-button {
+  color: rgba(238, 255, 255, 0.7);
+  padding: 4px;
+  height: 20px;
+  width: 20px;
+  border-radius: 9999px;
+}
+
+.message .message-close-button:hover,
+.message .message-close-button:active {
+  color: #eeffff;
+}
+
+.message .message-close-button:hover,
+.message .message-close-button:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.message .message-close-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.message .message-body {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.url-highlighter {
+  link-color: #89ddff;
+}
+
+.message-media-control {
+  margin: 20px 6px;
+  padding: 9px;
+  border-radius: 9999px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.message-media-control:hover,
+.message-media-control:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.message-media-control:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.message-media-control:insensitive {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.message-media-control:last-child:ltr {
+  margin-right: 16px;
+}
+
+.message-media-control:last-child:rtl {
+  margin-left: 16px;
+}
+
+.message-media-control StIcon {
+  icon-size: 16px;
+}
+
+.media-message-cover-icon {
+  icon-size: 32px !important;
+}
+
+.media-message-cover-icon.fallback {
+  icon-size: 24px !important;
+  padding: 6px;
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.select-area-rubberband {
+  background-color: rgba(226, 233, 233, 0.3);
+  border: 1px solid #e2e9e9;
+  border-radius: 6px;
+}
+
+.user-icon {
+  background-size: contain;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  box-shadow: none;
+  icon-size: 64px;
+}
+
+.modal-dialog .user-icon {
+  box-shadow: none;
+}
+
+.user-icon:hover {
+  color: #eeffff;
+}
+
+.user-icon StIcon {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border-radius: 9999px;
+  padding: 12px;
+  width: 40px;
+  height: 40px;
+}
+
+.user-icon,
+.user-icon.user-avatar {
+  border: none;
+}
+
+.user-widget.vertical .user-icon {
+  icon-size: 96px;
+}
+
+.user-widget.vertical .user-icon StIcon {
+  padding: 20px;
+  padding-top: 18px;
+  padding-bottom: 22px;
+  width: 88px;
+  height: 88px;
+}
+
+.lightbox {
+  background-color: black;
+}
+
+.flashspot {
+  background-color: #eeffff;
+}
+
+.hidden {
+  color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+  text-align: center;
+  padding-bottom: 8px;
+  font-size: 10pt;
+  color: #ffcb6b;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+  max-height: 34em;
+  min-height: 31em;
+  min-width: 32em;
+}
+
+.nm-dialog-content {
+  spacing: 20px;
+  padding: 24px;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-airplane-box {
+  spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+  font-weight: bold;
+  text-align: center;
+}
+
+.nm-dialog-airplane-text {
+  color: #eeffff;
+}
+
+.nm-dialog-header {
+  font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+  icon-size: 32px;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+  border: none;
+  padding: 0;
+  background-color: rgba(238, 255, 255, 0.04);
+  border-radius: 6px;
+}
+
+.nm-dialog-item {
+  font-size: 11pt;
+  border-bottom: none;
+  padding: 12px;
+  spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nm-dialog-item:hover,
+.nm-dialog-item:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.nm-dialog-item:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.nm-dialog-icon {
+  icon-size: 16px;
+}
+
+.nm-dialog-icons {
+  spacing: 12px;
+}
+
+.no-networks-label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.no-networks-box {
+  spacing: 6px;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+  width: 25em;
+  min-height: 65px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(32, 35, 49, 0.95);
+  text-shadow: none;
+  border: solid 1px rgba(238, 255, 255, 0.25);
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+  margin: 20px 20px 10px;
+  border-radius: 12px;
+}
+
+.notification-banner:hover {
+  color: #eeffff;
+  background-color: rgba(32, 35, 49, 0.95);
+  border: solid 1px rgba(238, 255, 255, 0.25);
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+  margin: 20px 20px 10px;
+}
+
+.notification-banner:focus {
+  color: #eeffff;
+  background-color: rgba(32, 35, 49, 0.95);
+}
+
+.notification-banner .notification-actions {
+  background-color: transparent;
+  padding-top: 0;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  spacing: 0;
+}
+
+.notification-banner .notification-button {
+  min-height: 44px;
+  padding: 0 18px;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-width: 0;
+}
+
+.notification-banner .notification-button:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+.notification-banner .notification-button:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+.notification-banner .notification-button:only-child,
+.notification-banner .notification-button:first-child:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+.notification-banner .notification-button:focus {
+  background-color: transparent;
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.12);
+}
+
+.notification-banner .notification-button:hover,
+.notification-banner .notification-button:focus:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+.notification-banner .notification-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #eeffff;
+}
+
+.summary-source-counter {
+  font-size: fontsize(10);
+  font-weight: bold;
+  height: 1.6em;
+  width: 1.6em;
+  -shell-counter-overlap-x: 3px;
+  -shell-counter-overlap-y: 3px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border: 2px solid rgba(238, 255, 255, 0.3);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 0.9em;
+}
+
+.chat-body {
+  spacing: 5px;
+}
+
+.chat-response {
+  margin: 5px;
+}
+
+.chat-log-message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.chat-new-group {
+  padding-top: 1em;
+}
+
+.chat-received {
+  padding-left: 4px;
+}
+
+.chat-received:rtl {
+  padding-left: 0px;
+  padding-right: 4px;
+}
+
+.chat-sent {
+  padding-left: 18pt;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.chat-sent:rtl {
+  padding-left: 0;
+  padding-right: 18pt;
+}
+
+.chat-meta-message {
+  padding-left: 4px;
+  font-size: 9pt;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.chat-meta-message:rtl {
+  padding-left: 0;
+  padding-right: 4px;
+}
+
+/* OSD */
+.screenshot-ui-panel,
+.workspace-switcher-container,
+.resize-popup,
+.osd-window {
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(41, 45, 62, 0.95);
+  border: solid 1px rgba(238, 255, 255, 0.25);
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+  margin: 5px 8px 11px;
+  border-radius: 12px;
+  padding: 10px;
+}
+
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+}
+
+.osd-window .osd-monitor-label {
+  font-size: 3em;
+}
+
+.osd-window .level {
+  height: 3px;
+  border-radius: 2px;
+  background-color: rgba(238, 255, 255, 0.15);
+  color: #eeffff;
+  -barlevel-height: 3px;
+  -barlevel-background-color: rgba(238, 255, 255, 0.15);
+  -barlevel-active-background-color: #eeffff;
+  -barlevel-overdrive-color: #f07178;
+  -barlevel-overdrive-separator-width: 2px;
+  -barlevel-border-width: 0;
+  -barlevel-border-color: rgba(238, 255, 255, 0.12);
+}
+
+.osd-window .level-bar {
+  background-color: #eeffff;
+  border-radius: 2px;
+}
+
+.pad-osd-window {
+  padding: 32px;
+  background-color: rgba(41, 45, 62, 0.95);
+}
+
+.pad-osd-window .pad-osd-title-box {
+  spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+  spacing: 6px;
+}
+
+.combo-box-label {
+  width: 15em;
+}
+
+#overview StScrollBar StBin#trough {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+#overview StScrollBar StButton#vhandle,
+#overview StScrollBar StButton#hhandle {
+  background-color: rgba(238, 255, 255, 0.5);
+}
+
+#overview StScrollBar StButton#vhandle:hover,
+#overview StScrollBar StButton#hhandle:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+#overview StScrollBar StButton#vhandle:active,
+#overview StScrollBar StButton#hhandle:active {
+  background-color: #eeffff;
+}
+
+#overview {
+  spacing: 24px;
+}
+
+.overview-controls {
+  padding-bottom: 30px;
+}
+
+/* Top Bar */
+#panel {
+  background-color: rgba(41, 45, 62, 0.95);
+  font-weight: bold;
+  height: 32px;
+  color: rgba(238, 255, 255, 0.7);
+  font-feature-settings: 'tnum';
+  transition-duration: 250ms;
+  font-size: 10pt;
+}
+
+#panel .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: rgba(41, 45, 62, 0.95);
+  -panel-corner-border-width: 2px;
+  -panel-corner-border-color: transparent;
+  -panel-corner-opacity: 1;
+  transition-duration: 250ms;
+}
+
+#panel .panel-button {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  font-weight: bold;
+  color: #eeffff;
+  transition-duration: 150ms;
+  border-radius: 9999px;
+  text-shadow: none;
+  border: 2px solid transparent;
+}
+
+#panel .panel-button.clock-display .clock {
+  transition-duration: 150ms;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+}
+
+#panel .panel-button:hover {
+  color: #b480d6;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px #1b1e2b;
+}
+
+#panel .panel-button.clock-display:hover {
+  box-shadow: none;
+  color: #b480d6;
+}
+
+#panel .panel-button.clock-display:hover .clock {
+  color: #b480d6;
+  box-shadow: inset 0 0 0 1000px #1b1e2b;
+}
+
+#panel .panel-button:active,
+#panel .panel-button:active:hover,
+#panel .panel-button:overview,
+#panel .panel-button:overview:hover,
+#panel .panel-button:focus,
+#panel .panel-button:focus:hover,
+#panel .panel-button:checked,
+#panel .panel-button:checked:hover {
+  background-color: transparent;
+  color: #b480d6;
+  box-shadow: inset 0 0 0 1000px #1b1e2b;
+}
+
+#panel .panel-button:active .panel-button,
+#panel .panel-button:overview .panel-button,
+#panel .panel-button:focus .panel-button,
+#panel .panel-button:checked .panel-button {
+  background-color: transparent;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: inset 0 0 0 1000px #1b1e2b;
+}
+
+#panel .panel-button:active .panel-button:hover,
+#panel .panel-button:overview .panel-button:hover,
+#panel .panel-button:focus .panel-button:hover,
+#panel .panel-button:checked .panel-button:hover {
+  color: #b480d6;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.12);
+}
+
+#panel .panel-button:active .panel-button:active,
+#panel .panel-button:active .panel-button:overview,
+#panel .panel-button:active .panel-button:focus,
+#panel .panel-button:active .panel-button:checked,
+#panel .panel-button:overview .panel-button:active,
+#panel .panel-button:overview .panel-button:overview,
+#panel .panel-button:overview .panel-button:focus,
+#panel .panel-button:overview .panel-button:checked,
+#panel .panel-button:focus .panel-button:active,
+#panel .panel-button:focus .panel-button:overview,
+#panel .panel-button:focus .panel-button:focus,
+#panel .panel-button:focus .panel-button:checked,
+#panel .panel-button:checked .panel-button:active,
+#panel .panel-button:checked .panel-button:overview,
+#panel .panel-button:checked .panel-button:focus,
+#panel .panel-button:checked .panel-button:checked {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
+}
+
+#panel .panel-button.clock-display:active,
+#panel .panel-button.clock-display:overview,
+#panel .panel-button.clock-display:focus,
+#panel .panel-button.clock-display:checked {
+  box-shadow: none;
+  color: #b480d6;
+}
+
+#panel .panel-button.clock-display:active .clock,
+#panel .panel-button.clock-display:overview .clock,
+#panel .panel-button.clock-display:focus .clock,
+#panel .panel-button.clock-display:checked .clock {
+  box-shadow: inset 0 0 0 1000px #1b1e2b;
+  color: #b480d6;
+}
+
+.unlock-screen #panel .panel-button,
+.login-screen #panel .panel-button,
+.lock-screen #panel .panel-button {
+  color: #b480d6;
+}
+
+.unlock-screen #panel .panel-button:focus,
+.unlock-screen #panel .panel-button:hover,
+.unlock-screen #panel .panel-button:active,
+.login-screen #panel .panel-button:focus,
+.login-screen #panel .panel-button:hover,
+.login-screen #panel .panel-button:active,
+.lock-screen #panel .panel-button:focus,
+.lock-screen #panel .panel-button:hover,
+.lock-screen #panel .panel-button:active {
+  color: #b480d6;
+}
+
+#panel .panel-button .system-status-icon {
+  icon-size: 16px;
+  padding: 8px;
+  margin: 0 4px;
+  -st-icon-style: symbolic;
+}
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon,
+#panel .panel-button .panel-status-menu-box .system-status-icon {
+  margin: 0;
+}
+
+#panel .panel-button .app-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+#panel #panelActivities.panel-button {
+  -natural-hpadding: 18px;
+}
+
+#panel:overview,
+#panel.unlock-screen,
+#panel.login-screen,
+#panel.lock-screen {
+  background-color: transparent;
+  box-shadow: none;
+  border: transparent;
+}
+
+#panel:overview StLabel,
+#panel:overview StIcon,
+#panel.unlock-screen StLabel,
+#panel.unlock-screen StIcon,
+#panel.login-screen StLabel,
+#panel.login-screen StIcon,
+#panel.lock-screen StLabel,
+#panel.lock-screen StIcon {
+  color: #b480d6;
+}
+
+#panel:overview .panel-button:hover,
+#panel.unlock-screen .panel-button:hover,
+#panel.login-screen .panel-button:hover,
+#panel.lock-screen .panel-button:hover {
+  color: #b480d6;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.12);
+}
+
+#panel:overview .panel-button.clock-display:hover,
+#panel.unlock-screen .panel-button.clock-display:hover,
+#panel.login-screen .panel-button.clock-display:hover,
+#panel.lock-screen .panel-button.clock-display:hover {
+  box-shadow: none;
+  color: #b480d6;
+}
+
+#panel:overview .panel-button.clock-display:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:hover .clock,
+#panel.login-screen .panel-button.clock-display:hover .clock,
+#panel.lock-screen .panel-button.clock-display:hover .clock {
+  color: #b480d6;
+  box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.12);
+}
+
+#panel:overview .panel-button:active,
+#panel:overview .panel-button:overview,
+#panel:overview .panel-button:focus,
+#panel:overview .panel-button:checked,
+#panel.unlock-screen .panel-button:active,
+#panel.unlock-screen .panel-button:overview,
+#panel.unlock-screen .panel-button:focus,
+#panel.unlock-screen .panel-button:checked,
+#panel.login-screen .panel-button:active,
+#panel.login-screen .panel-button:overview,
+#panel.login-screen .panel-button:focus,
+#panel.login-screen .panel-button:checked,
+#panel.lock-screen .panel-button:active,
+#panel.lock-screen .panel-button:overview,
+#panel.lock-screen .panel-button:focus,
+#panel.lock-screen .panel-button:checked {
+  color: #b480d6;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.2);
+}
+
+#panel:overview .panel-button.clock-display:active,
+#panel:overview .panel-button.clock-display:overview,
+#panel:overview .panel-button.clock-display:focus,
+#panel:overview .panel-button.clock-display:checked,
+#panel.unlock-screen .panel-button.clock-display:active,
+#panel.unlock-screen .panel-button.clock-display:overview,
+#panel.unlock-screen .panel-button.clock-display:focus,
+#panel.unlock-screen .panel-button.clock-display:checked,
+#panel.login-screen .panel-button.clock-display:active,
+#panel.login-screen .panel-button.clock-display:overview,
+#panel.login-screen .panel-button.clock-display:focus,
+#panel.login-screen .panel-button.clock-display:checked,
+#panel.lock-screen .panel-button.clock-display:active,
+#panel.lock-screen .panel-button.clock-display:overview,
+#panel.lock-screen .panel-button.clock-display:focus,
+#panel.lock-screen .panel-button.clock-display:checked {
+  box-shadow: none;
+  color: #b480d6;
+}
+
+#panel:overview .panel-button.clock-display:active .clock,
+#panel:overview .panel-button.clock-display:overview .clock,
+#panel:overview .panel-button.clock-display:focus .clock,
+#panel:overview .panel-button.clock-display:checked .clock,
+#panel.unlock-screen .panel-button.clock-display:active .clock,
+#panel.unlock-screen .panel-button.clock-display:overview .clock,
+#panel.unlock-screen .panel-button.clock-display:focus .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:overview .clock,
+#panel.login-screen .panel-button.clock-display:focus .clock,
+#panel.login-screen .panel-button.clock-display:checked .clock,
+#panel.lock-screen .panel-button.clock-display:active .clock,
+#panel.lock-screen .panel-button.clock-display:overview .clock,
+#panel.lock-screen .panel-button.clock-display:focus .clock,
+#panel.lock-screen .panel-button.clock-display:checked .clock {
+  box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.2);
+  color: #b480d6;
+}
+
+#panel:overview .panel-corner,
+#panel.unlock-screen .panel-corner,
+#panel.login-screen .panel-corner,
+#panel.lock-screen .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: transparent;
+  -panel-corner-border-color: transparent;
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+  spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+  spacing: 0;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+  color: #ffcb6b;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer {
+  -arrow-border-radius: 2px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 12px;
+  -arrow-rise: 0;
+  -arrow-box-shadow: none;
+  background: transparent;
+}
+
+.popup-menu .popup-menu-content {
+  padding: 6px;
+  background-color: rgba(32, 35, 49, 0.95);
+  border-radius: 12px;
+  margin: 4px;
+  font-weight: 500;
+  border: 1px solid rgba(0, 0, 0, 0.75);
+  box-shadow: inset 0 0 0 1px rgba(239, 240, 242, 0.2);
+}
+
+.popup-menu .popup-menu-item {
+  spacing: 9px;
+  padding: 6px;
+  color: #eeffff !important;
+  text-shadow: none;
+  border-radius: 6px;
+  margin: 0 6px;
+  font-weight: 500;
+}
+
+.popup-menu .popup-menu-item:checked {
+  font-weight: 500;
+  border: none;
+  box-shadow: none;
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #eeffff !important;
+  border-radius: 6px 6px 0 0;
+}
+
+.popup-menu .popup-menu-item:checked:focus,
+.popup-menu .popup-menu-item:checked:hover,
+.popup-menu .popup-menu-item.selected:checked {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #a6accd !important;
+}
+
+.popup-menu .popup-menu-item:checked:active {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #676e95 !important;
+}
+
+.popup-menu .popup-menu-item:checked:insensitive {
+  color: rgba(0, 0, 0, 0.38) !important;
+}
+
+.popup-menu .popup-menu-item:focus,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item.selected {
+  color: #eeffff !important;
+  background-color: rgba(238, 255, 255, 0.12) !important;
+  transition-duration: 0;
+}
+
+.popup-menu .popup-menu-item:active,
+.popup-menu .popup-menu-item.selected:active {
+  color: #eeffff !important;
+  background-color: rgba(238, 255, 255, 0.3) !important;
+}
+
+.popup-menu .popup-menu-item:insensitive {
+  color: rgba(238, 255, 255, 0.3) !important;
+}
+
+.popup-menu .popup-sub-menu {
+  border: none;
+  box-shadow: none;
+  margin: 0 6px;
+  border-radius: 0 0 6px 6px;
+  background-color: #eeffff !important;
+  color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item {
+  border-radius: 0;
+  margin: 0;
+  color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:focus,
+.popup-menu .popup-sub-menu .popup-menu-item.hover,
+.popup-menu .popup-sub-menu .popup-menu-item.selected {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item.selected:active {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:insensitive {
+  color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu
+  .popup-sub-menu
+  .popup-menu-section:last-child
+  .popup-menu-item:last-child {
+  border-radius: 0 0 6px 6px;
+}
+
+.popup-menu .popup-inactive-menu-item {
+  color: #b480d6 !important;
+}
+
+.popup-menu .popup-inactive-menu-item:insensitive {
+  color: rgba(238, 255, 255, 0.3) !important;
+}
+
+.popup-menu.panel-menu {
+  -boxpointer-gap: 4px;
+  margin-bottom: 1.75em;
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+  icon-size: 16px !important;
+}
+
+.popup-menu-ornament {
+  width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+  text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+  text-align: left;
+}
+
+.background-menu {
+  -boxpointer-gap: 4px;
+  -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+  min-width: 21em;
+}
+
+.aggregate-menu .popup-menu-icon {
+  padding: 0;
+  margin: 0 3px;
+  -st-icon-style: symbolic;
+}
+
+.quick-settings {
+  padding: 12px !important;
+  border-radius: 12px !important;
+}
+
+.quick-settings .icon-button,
+.quick-settings .button {
+  padding: 10.5px;
+}
+
+.quick-settings .icon-button > StIcon,
+.quick-settings .button > StIcon {
+  icon-size: 16px !important;
+}
+
+.quick-settings-grid {
+  spacing-rows: 12px;
+  spacing-columns: 12px;
+}
+
+.quick-toggle {
+  border-radius: 8px;
+  min-width: 12em;
+  max-width: 12em;
+  min-height: 40px;
+  border: none;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  background-color: rgba(238, 255, 255, 0.08) !important;
+}
+
+.quick-toggle:hover {
+  background-color: rgba(238, 255, 255, 0.12) !important;
+}
+
+.quick-toggle:active {
+  background-color: rgba(238, 255, 255, 0.15) !important;
+}
+
+.quick-toggle:checked {
+  background-color: #b480d6 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:hover {
+  background-color: #676e95 !important;
+  color: #eeffff;
+}
+
+.quick-toggle:checked:active {
+  background-color: #80cbc4 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle > StBoxLayout {
+  spacing: 6px;
+  padding: 0 12px;
+}
+
+.quick-toggle.button {
+  padding: 0;
+}
+
+.quick-toggle:ltr > StBoxLayout {
+  padding-left: 15px;
+}
+
+.quick-toggle:rtl > StBoxLayout {
+  padding-right: 15px;
+}
+
+.quick-toggle .quick-toggle-label {
+  font-weight: bold;
+}
+
+.quick-toggle .quick-toggle-icon,
+.quick-toggle .quick-toggle-arrow {
+  icon-size: 16px !important;
+}
+
+.quick-menu-toggle:ltr > StBoxLayout {
+  padding-right: 0;
+}
+
+.quick-menu-toggle:rtl > StBoxLayout {
+  padding-left: 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow {
+  background-color: rgba(238, 255, 255, 0.08) !important;
+  padding: 6px 10.5px;
+  icon-size: 16px !important;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:active {
+  background-color: rgba(238, 255, 255, 0.12) !important;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:ltr {
+  border-radius: 0 6px 6px 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:rtl {
+  border-radius: 6px 0 0 6px;
+}
+
+.quick-slider {
+  padding: 0 6px;
+}
+
+.quick-slider > StBoxLayout {
+  spacing: 6px;
+}
+
+.quick-slider .slider-bin {
+  min-height: 16px;
+  padding: 6px;
+  border-radius: 9999px;
+}
+
+.quick-slider .slider-bin:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.quick-slider .quick-toggle-icon,
+.quick-slider .quick-toggle-arrow {
+  icon-size: 16px !important;
+}
+
+.quick-slider .icon-button {
+  background-color: transparent;
+  color: #b480d6 !important;
+}
+
+.quick-slider .icon-button:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.quick-slider .icon-button:active {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.quick-toggle-menu {
+  background-color: #3a3f58 !important;
+  color: #eeffff !important;
+  border-radius: 12px !important;
+  padding: 12px;
+  margin: 12px 30px 0;
+  box-shadow: inset 0 0 0 1px rgba(239, 240, 242, 0.2);
+}
+
+.quick-toggle-menu .popup-menu-item {
+  min-height: 20px;
+  padding: 6px;
+  spacing: 6px;
+  border-radius: 6px !important;
+  color: #eeffff !important;
+}
+
+.quick-toggle-menu .popup-menu-item:focus,
+.quick-toggle-menu .popup-menu-item.hover,
+.quick-toggle-menu .popup-menu-item.selected {
+  color: #eeffff !important;
+  background-color: rgba(238, 255, 255, 0.1) !important;
+}
+
+.quick-toggle-menu .popup-menu-item:active,
+.quick-toggle-menu .popup-menu-item.selected:active {
+  color: #eeffff !important;
+  background-color: rgba(238, 255, 255, 0.2) !important;
+}
+
+.quick-toggle-menu .popup-menu-item > StIcon {
+  -st-icon-style: symbolic;
+}
+
+.quick-toggle-menu .header {
+  spacing-rows: 3px;
+  spacing-columns: 12px;
+  padding-bottom: 12px;
+}
+
+.quick-toggle-menu .header .icon {
+  icon-size: 24px;
+  border-radius: 6px;
+  padding: 9px;
+  background-color: #b480d6 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle-menu .header .icon.active {
+  background-color: #b480d6 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-settings-system-item > StBoxLayout {
+  spacing: 12px;
+}
+
+.quick-settings-system-item .icon-button {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #b480d6;
+  border-radius: 6px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+}
+
+.quick-settings-system-item .icon-button:hover {
+  background-color: rgba(234, 232, 255, 0.12);
+  color: #89ddff;
+  border-radius: 6px;
+  border: 1px solid rgba(234, 232, 255, 0.2);
+}
+
+.quick-settings-system-item .icon-button > StIcon {
+  -st-icon-style: symbolic;
+  icon-size: 16px !important;
+}
+
+.quick-settings-system-item .power-item {
+  min-height: 0;
+  min-width: 0;
+  color: #b480d6;
+}
+
+.quick-settings-system-item .power-item:hover {
+  min-height: 0;
+  min-width: 0;
+  color: #89ddff;
+}
+
+.quick-settings-system-item .power-item:insensitive {
+  color: #b480d6;
+  background-color: rgba(41, 45, 62, 0.95);
+  box-shadow: none !important;
+  background-color: transparent;
+}
+
+.nm-network-item .wireless-secure-icon {
+  icon-size: 8px;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+  color: #eeffff;
+  font-weight: 300;
+  text-align: center;
+  spacing: 24px;
+  padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+  font-size: 64pt;
+  padding-top: 42px;
+  font-feature-settings: 'tnum';
+}
+
+.unlock-dialog-clock-date {
+  font-size: 16pt;
+  font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+  font-weight: normal;
+  padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+  margin: 12px 0;
+  spacing: 6px;
+  width: 23em;
+  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 6px;
+  border: none;
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border-radius: 12px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container
+  .unlock-dialog-notification-source.critical {
+  background-color: #3a3f58;
+}
+
+.unlock-dialog-notification-label {
+  padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+  weight: bold;
+  padding: 0 6px;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  border-radius: 9999px;
+  margin-right: 12px;
+}
+
+.screen-shield-background {
+  background: black;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
+}
+
+#unlockDialogNotifications StButton#vhandle,
+#unlockDialogNotifications StButton#hhandle {
+  background-color: rgba(32, 35, 49, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover,
+#unlockDialogNotifications StButton#vhandle:focus,
+#unlockDialogNotifications StButton#hhandle:hover,
+#unlockDialogNotifications StButton#hhandle:focus {
+  background-color: rgba(32, 35, 49, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active,
+#unlockDialogNotifications StButton#hhandle:active {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+  -st-vfade-offset: 32px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 32px;
+}
+
+StScrollBar {
+  padding: 6px;
+}
+
+StScrollView StScrollBar {
+  min-width: 8px;
+  min-height: 8px;
+}
+
+StScrollBar StBin#trough {
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.5);
+  border: 4px solid transparent;
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+  background-color: #eeffff;
+}
+
+.popup-sub-menu StScrollBar StBin#trough {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle,
+.popup-sub-menu StScrollBar StButton#hhandle {
+  background-color: rgba(0, 0, 0, 0.26);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:hover,
+.popup-sub-menu StScrollBar StButton#hhandle:hover {
+  background-color: rgba(0, 0, 0, 0.38);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:active,
+.popup-sub-menu StScrollBar StButton#hhandle:active {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.search-entry {
+  width: 320px;
+  min-height: 20px;
+  padding: 6px 12px;
+  transition-duration: 150ms;
+  border-radius: 6px;
+}
+
+.search-entry .search-entry-icon {
+  color: rgba(238, 255, 255, 0.5);
+  icon-size: 16px;
+  margin-top: 0;
+  padding: 0 4px;
+}
+
+.search-entry StLabel.hint-text {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.search-entry:hover .search-entry-icon,
+.search-entry:focus .search-entry-icon {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.search-entry:insensitive StLabel.hint-text,
+.search-entry:insensitive .search-entry-icon {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry,
+.login-dialog StEntry,
+.unlock-dialog StEntry,
+#overview .search-entry {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid transparent;
+  box-shadow: none;
+  caret-color: #eeffff;
+  selection-background-color: rgba(238, 255, 255, 0.25);
+  selected-color: #eeffff;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:hover,
+.login-dialog StEntry:hover,
+.unlock-dialog StEntry:hover,
+#overview .search-entry:hover {
+  color: #eeffff;
+  border-color: rgba(238, 255, 255, 0.35);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:focus,
+.login-dialog StEntry:focus,
+.unlock-dialog StEntry:focus,
+#overview .search-entry:focus {
+  color: #eeffff;
+  border-color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  box-shadow: none;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon,
+.login-dialog StEntry .search-entry-icon,
+.unlock-dialog StEntry .search-entry-icon,
+#overview .search-entry .search-entry-icon {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text,
+.login-dialog StEntry StLabel.hint-text,
+.unlock-dialog StEntry StLabel.hint-text,
+#overview .search-entry StLabel.hint-text {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:hover
+  .search-entry-icon,
+.login-dialog StEntry:hover .search-entry-icon,
+.unlock-dialog StEntry:hover .search-entry-icon,
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:focus
+  .search-entry-icon,
+.login-dialog StEntry:focus .search-entry-icon,
+.unlock-dialog StEntry:focus .search-entry-icon,
+#overview .search-entry:hover .search-entry-icon,
+#overview .search-entry:focus .search-entry-icon {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:insensitive,
+.login-dialog StEntry:insensitive,
+.unlock-dialog StEntry:insensitive,
+#overview .search-entry:insensitive {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.35);
+  border-color: transparent;
+}
+
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:insensitive
+  StLabel.hint-text,
+.login-dialog StEntry:insensitive StLabel.hint-text,
+.unlock-dialog StEntry:insensitive StLabel.hint-text,
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:insensitive
+  .search-entry-icon,
+.login-dialog StEntry:insensitive .search-entry-icon,
+.unlock-dialog StEntry:insensitive .search-entry-icon,
+#overview .search-entry:insensitive StLabel.hint-text,
+#overview .search-entry:insensitive .search-entry-icon {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/* Search */
+.list-search-result,
+.search-provider-icon {
+  border-radius: 6px;
+  padding: 6px;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.list-search-result:focus,
+.search-provider-icon:focus,
+.list-search-result:hover,
+.search-provider-icon:hover,
+.list-search-result:selected,
+.search-provider-icon:selected {
+  background-color: rgba(238, 255, 255, 0.12);
+  transition-duration: 200ms;
+}
+
+.list-search-result:active,
+.search-provider-icon:active,
+.list-search-result:checked,
+.search-provider-icon:checked {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+#searchResultsContent {
+  max-width: 1024px;
+  spacing: 8px;
+}
+
+.search-section {
+  spacing: 8px;
+  background: none;
+}
+
+.search-section .search-section-separator {
+  height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.search-section-content {
+  spacing: 8px;
+  border-radius: 0;
+  padding: 18px;
+  border: none;
+  box-shadow: none;
+  background: none;
+  text-shadow: none;
+  color: #eeffff;
+}
+
+.search-statustext {
+  font-size: 2em;
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.grid-search-results {
+  spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+  spacing: 12px;
+}
+
+.search-provider-icon
+  .list-search-provider-content
+  .list-search-provider-details {
+  width: 120px;
+  margin-top: 0;
+  color: #f07178;
+}
+
+.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: #f78c6c;
+}
+
+/* Slider */
+.slider {
+  height: 20px;
+  color: rgba(32, 35, 49, 0.95);
+  -slider-height: 2px;
+  -slider-background-color: rgba(238, 255, 255, 0.3);
+  -slider-border-color: #b480d6;
+  -slider-active-background-color: #b480d6;
+  -slider-active-border-color: #b480d6;
+  -slider-border-width: 2px;
+  -slider-handle-radius: 7px;
+  -slider-handle-border-width: 2px;
+  -slider-handle-border-color: #f78c6c;
+  -barlevel-height: 2px;
+  -barlevel-background-color: rgba(238, 255, 255, 0.3);
+  -barlevel-border-color: transparent;
+  -barlevel-active-background-color: #b480d6;
+  -barlevel-active-border-color: transparent;
+  -barlevel-overdrive-color: #f07178;
+  -barlevel-overdrive-border-color: transparent;
+  -barlevel-overdrive-separator-width: 2px;
+  -barlevel-border-width: 0;
+}
+
+/* App Switcher */
+.switcher-popup {
+  padding: 8px;
+  spacing: 24px;
+}
+
+.switcher-list {
+  background-color: rgba(32, 35, 49, 0.95);
+  box-shadow: inset 0 0 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 15px;
+  border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+  background-color: #3b3f51;
+  color: #b480d6;
+  border-radius: 15px;
+}
+
+.switcher-list .item-box:selected {
+  background-color: #3b3f51;
+  color: #b480d6;
+  border-radius: 15px;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(238, 255, 255, 0.12);
+}
+
+.switcher-list .switcher-list-item-container {
+  spacing: 12px;
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: #b480d6;
+}
+
+.switcher-arrow:highlighted {
+  color: #b480d6;
+}
+
+.input-source-switcher-symbol {
+  font-size: 34pt;
+  width: 96px;
+  height: 96px;
+}
+
+.cycler-highlight {
+  border: 5px solid #e2e9e9;
+}
+
+/* Switches */
+.toggle-switch {
+  width: 40px;
+  height: 20px;
+  background-size: contain;
+  background-image: url('assets/toggle-off-dark.svg');
+}
+
+.toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.popup-sub-menu .toggle-switch {
+  background-image: url('assets/toggle-off.svg');
+}
+
+.popup-sub-menu .toggle-switch:checked {
+  background-image: url('assets/toggle-on.svg');
+}
+
+/* Tiled window previews */
+.tile-preview {
+  background-color: rgba(226, 233, 233, 0.3);
+  border: 1px solid #e2e9e9;
+  border-radius: 12px;
+}
+
+.tile-preview-left.on-primary {
+  border-radius: 12px;
+}
+
+.tile-preview-right.on-primary {
+  border-radius: 12px;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+  border-radius: 12px;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+  padding: 12px;
+}
+
+.workspace-switcher {
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  padding: 0;
+  spacing: 12px;
+}
+
+.ws-switcher-box {
+  background: transparent;
+  height: 50px;
+  background-size: 32px;
+  background: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+  height: 52px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 9px;
+  border: none;
+}
+
+.icon-grid {
+  row-spacing: 12px;
+  column-spacing: 12px;
+  max-row-spacing: 72px;
+  max-column-spacing: 72px;
+  page-padding-top: 24px;
+  page-padding-bottom: 24px;
+  page-padding-left: 12px;
+  page-padding-right: 12px;
+}
+
+.page-indicator {
+  padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+  width: 10px;
+  height: 10px;
+  border-radius: 10px;
+  background-color: #eeffff;
+}
+
+.apps-scroll-view {
+  padding: 0;
+}
+
+.page-navigation-hint {
+  width: 300px;
+}
+
+.page-navigation-hint.dnd {
+  background: rgba(238, 255, 255, 0.1);
+}
+
+.page-navigation-hint.next:ltr,
+.page-navigation-hint.previous:rtl {
+  background-gradient-start: rgba(238, 255, 255, 0.05);
+  background-gradient-end: transparent;
+  background-gradient-direction: horizontal;
+  border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr,
+.page-navigation-hint.next:rtl {
+  background-gradient-start: transparent;
+  background-gradient-end: rgba(238, 255, 255, 0.05);
+  background-gradient-direction: horizontal;
+  border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow > StIcon {
+  margin: 6px;
+  padding: 18px;
+  width: 24px;
+  height: 24px;
+  border-radius: 9999px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.page-navigation-arrow:insensitive > StIcon {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.page-navigation-arrow:hover > StIcon {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.page-navigation-arrow:active > StIcon {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #eeffff;
+}
+
+#dash {
+  margin-top: 12px;
+  padding: 0 10px;
+}
+
+#dash .placeholder {
+  background-image: none;
+  background-size: contain;
+  height: 32px;
+}
+
+#dash .overview-icon {
+  padding: 5px;
+}
+
+.dash-background {
+  background-color: rgba(238, 255, 255, 0.3);
+  margin-bottom: 16px;
+  padding: 10px;
+  border-radius: 16px;
+  box-shadow: inset 0 0 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.dash-item-container .app-well-app,
+.show-apps {
+  padding: 10px 2px 26px;
+}
+
+.dash-separator {
+  width: 1px;
+  margin: 0 7px 16px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.workspace-animation {
+  background-color: rgba(41, 45, 62, 0.95);
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 2px;
+}
+
+.controls-manager,
+.secondary-monitor-workspaces {
+  spacing: 12px;
+}
+
+#overviewGroup {
+  background-color: #090b10;
+}
+
+.osd-window {
+  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;
+}
+
+#appMenu {
+  spacing: 6px;
+}
+
+#appMenu .label-shadow {
+  color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+  padding: 0 6px;
+  spacing: 6px;
+}
+
+.popup-menu .popup-menu-item {
+  padding: 6px 12px;
+}
+
+.popup-menu .popup-menu-item:ltr {
+  padding-right: 9px !important;
+  padding-left: 0 !important;
+}
+
+.popup-menu .popup-menu-item:rtl {
+  padding-right: 0 !important;
+  padding-left: 9px !important;
+}
+
+.popup-separator-menu-item {
+  padding: 0;
+  margin: 6px 0;
+}
+
+.popup-separator-menu-item:ltr {
+  margin-right: 4px;
+}
+
+.popup-separator-menu-item:rtl {
+  margin-left: 4px;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+  height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.popup-separator-menu-item .popup-menu-ornament {
+  width: 0 !important;
+}
+
+.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(0, 0, 0, 0.12);
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 12px !important;
+  margin-left: 3px !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 12px !important;
+  margin-right: 3px !important;
+}
+
+.search-entry {
+  margin-top: 24px;
+  margin-bottom: 6px;
+}
+
+.icon-label-button-container {
+  spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+  icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+  border-radius: 33px;
+  padding: 18px;
+  padding-bottom: 12px;
+  margin-bottom: 4em;
+  spacing: 12px;
+  border: none;
+}
+
+.screenshot-ui-close-button {
+  padding: 6px !important;
+  margin-top: 12px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
+}
+
+.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 !important;
+  border-radius: 15px;
+}
+
+.screenshot-ui-capture-button {
+  width: 36px;
+  height: 36px;
+  border-radius: 9999px;
+  border: 4px #eeffff;
+  padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+  background-color: #eeffff;
+  transition-duration: 200ms;
+  border-radius: 9999px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover,
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+  background-color: #d9d9d9;
+}
+
+.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: #f07178;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+  background-color: #f4a099;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+  background-color: #ef6d62;
+}
+
+.screenshot-ui-shot-cast-container {
+  background-color: #292d3e;
+  border-radius: 12px;
+  padding: 3px;
+  spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-container:ltr {
+  margin-left: 3px;
+}
+
+.screenshot-ui-shot-cast-container:rtl {
+  margin-right: 3px;
+}
+
+.screenshot-ui-shot-cast-button {
+  padding: 6px 12px;
+  background-color: transparent;
+  border-radius: 9px;
+}
+
+.screenshot-ui-shot-cast-button:hover,
+.screenshot-ui-shot-cast-button:focus {
+  background-color: #3a3f58;
+}
+
+.screenshot-ui-shot-cast-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+  background-color: #eeffff;
+  color: black;
+}
+
+.screenshot-ui-shot-cast-button:insensitive {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+  border-radius: 9999px;
+  padding: 12px !important;
+}
+
+.screenshot-ui-show-pointer-button StIcon {
+  icon-size: 16px;
+}
+
+.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 #eeffff;
+}
+
+.screenshot-ui-area-selector-handle {
+  border-radius: 9999px;
+  background-color: #eeffff;
+  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+  width: 24px;
+  height: 24px;
+}
+
+.screenshot-ui-window-selector {
+  background-color: #202331;
+}
+
+.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: 12px;
+  border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+  transition-duration: 200ms;
+  color: transparent;
+  border-radius: 99px;
+  border-width: 12px;
+  icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover
+  .screenshot-ui-window-selector-window-border {
+  border-color: #a6accd;
+}
+
+.screenshot-ui-window-selector-window:checked
+  .screenshot-ui-window-selector-window-border {
+  border-color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked
+  .screenshot-ui-window-selector-check {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.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 #eeffff;
+}
+
+.screenshot-ui-tooltip {
+  color: #eeffff;
+  background-color: rgba(41, 45, 62, 0.95);
+  border-radius: 9999px;
+  padding: 6px 12px;
+  text-align: center;
+  -y-offset: 24px;
+}
+
+.window-picker {
+  spacing: 6px;
+}
+
+.window-caption {
+  color: #eeffff;
+  background-color: rgba(41, 45, 62, 0.95);
+  border-radius: 9999px;
+  padding: 6px 12px;
+}
+
+.window-close,
+.screenshot-ui-close-button {
+  background-color: #3a3f58;
+  color: #eeffff;
+  border-radius: 21px;
+  padding: 3px;
+  height: 30px;
+  width: 30px;
+  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
+  transition-duration: 200ms;
+}
+
+.window-close:hover,
+.screenshot-ui-close-button:hover {
+  color: #eeffff;
+  background-color: #e2795b;
+}
+
+.window-close:active,
+.screenshot-ui-close-button:active {
+  color: #eeffff;
+  background-color: #dc6068;
+}
+
+.window-close StIcon,
+.screenshot-ui-close-button StIcon {
+  icon-size: 24px;
+}
+
+.workspace-background {
+  border-radius: 30px;
+  background-color: rgba(41, 45, 62, 0.95);
+  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+  visible-width: 32px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.12);
+  border: none;
+  border-radius: 6px;
+}
+
+.workspace-thumbnails .placeholder {
+  background-image: url('assets/dash-placeholder.svg');
+  background-size: contain;
+  width: 18px;
+  height: 24px;
+}
+
+.workspace-thumbnail-indicator {
+  border: 3px solid #e2e9e9;
+  border-radius: 6px;
+  padding: 0;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+  -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+  -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+  background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+  color: #eeffff;
+  background-color: rgba(0, 0, 0, 0.75);
+  text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+  border-radius: 9999px;
+  margin: 2px;
+  padding: 0.2em 0.6em;
+  font-weight: bold;
+  text-align: center;
+}
+
+#dashtodockContainer.straight-corner #dash,
+#dashtodockContainer.shrink.straight-corner #dash {
+  border-radius: 0;
+  margin: 0;
+}
+
+#dashtodockContainer.straight-corner #dash .dash-background,
+#dashtodockContainer.shrink.straight-corner #dash .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.extended.top #dash,
+#dashtodockContainer.extended.bottom #dash,
+#dashtodockContainer.extended.right #dash,
+#dashtodockContainer.extended.left #dash {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+  padding: 0 0;
+}
+
+#dashtodockContainer.extended.top #dash .dash-background,
+#dashtodockContainer.extended.bottom #dash .dash-background,
+#dashtodockContainer.extended.right #dash .dash-background,
+#dashtodockContainer.extended.left #dash .dash-background {
+  border-radius: 0;
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+#dashtodockContainer.left #dash,
+#dashtodockContainer.right #dash {
+  margin-top: 0;
+  padding: 10px 0;
+}
+
+#dashtodockContainer.left #dash .dash-background,
+#dashtodockContainer.right #dash .dash-background {
+  margin-bottom: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app,
+#dashtodockContainer.left .show-apps,
+#dashtodockContainer.right .dash-item-container .app-well-app,
+#dashtodockContainer.right .show-apps {
+  padding: 6px;
+}
+
+#dashtodockContainer.left #dash {
+  margin-left: 6px;
+}
+
+#dashtodockContainer.right #dash {
+  margin-right: 6px;
+}
+
+#dashtodockContainer.dashtodock #dash .dash-background {
+  background-color: rgba(41, 45, 62, 0.95);
+}
+
+#dashtodockContainer #dash .dash-background {
+  background-color: rgba(41, 45, 62, 0.95);
+  box-shadow: inset 0 0 0 1px rgba(239, 240, 242, 0.2);
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+  background-color: #f07178;
+}
+
+#dashtodockContainer StWidget.focused .app-well-app-running-dot {
+  background-color: #b480d6 !important;
+}
+
+#dashtodockContainer:overview #dash .app-well-app-running-dot {
+  background-color: #f07178;
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #b480d6 !important;
+}
+
+#dashtodockContainer .show-apps .overview-icon,
+#dashtodockContainer .app-well-app .overview-icon {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 15px;
+}
+
+#dashtodockContainer .show-apps:hover .overview-icon,
+#dashtodockContainer .show-apps:focus .overview-icon,
+#dashtodockContainer .show-apps:selected .overview-icon,
+#dashtodockContainer .app-well-app:hover .overview-icon,
+#dashtodockContainer .app-well-app:focus .overview-icon,
+#dashtodockContainer .app-well-app:selected .overview-icon {
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 15px;
+}
+
+#dashtodockContainer .show-apps:active .overview-icon,
+#dashtodockContainer .show-apps:checked .overview-icon,
+#dashtodockContainer .app-well-app:active .overview-icon,
+#dashtodockContainer .app-well-app:checked .overview-icon {
+  background-color: rgba(238, 255, 255, 0.3);
+  border-radius: 15px;
+}
+
+#dashtodockContainer:overview #dash .show-apps .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app .overview-icon {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 15px;
+}
+
+#dashtodockContainer:overview #dash .show-apps:hover .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:focus .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:selected .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:hover .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:focus .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:selected .overview-icon {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+#dashtodockContainer:overview #dash .show-apps:active .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:checked .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:active .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:checked .overview-icon {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+#dashtodockContainer.opaque #dash .dash-background {
+  background-color: rgba(41, 45, 62, 0.95);
+}
+
+#dashtodockContainer.transparent #dash .dash-background {
+  background-color: rgba(33, 33, 33, 0.35);
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+  background-color: rgba(32, 35, 49, 0.95);
+  box-shadow: inset 0 0 0 1px rgba(239, 240, 242, 0.1);
+}
+
+#dashtodockContainer.opaque:overview #dash .dash-background,
+#dashtodockContainer.transparent:overview #dash .dash-background {
+  background-color: transparent !important;
+  box-shadow: none !important;
+}
+
+#dashtodockContainer.extended:overview #dash .dash-background,
+#dashtodockContainer.opaque.extended:overview #dash .dash-background,
+#dashtodockContainer.transparent.extended:overview #dash .dash-background {
+  background-color: rgba(41, 45, 62, 0.95);
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton,
+#dashtodockContainer.dashtodock .dash-item-container > StButton {
+  transition-duration: 250ms;
+  background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton,
+#dashtodockContainer.dashtodock .dash-item-container > StButton {
+  padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon,
+#dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+  border-radius: 6px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+  border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+  padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+  width: 1px;
+  height: auto;
+  border-right-width: 1px;
+  margin: 32px 0;
+}
+
+.openweather-button,
+.openweather-button-action,
+.openweather-menu-button-container,
+.openweather-button-box {
+  border: 1px solid transparent;
+}
+
+.openweather-provider {
+  padding: 0 16px;
+  font-weight: 500;
+  border: 1px solid transparent;
+}
+
+.openweather-current-icon,
+.openweather-current-summary,
+.openweather-current-summarybox {
+  background: none;
+  color: #eeffff;
+}
+
+.openweather-current-databox-values {
+  background: none;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.openweather-current-databox-captions {
+  background: none;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.openweather-forecast-icon,
+.openweather-forecast-summary {
+  background: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.openweather-forecast-day,
+.openweather-forecast-temperature {
+  background: none;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.openweather-sunrise-icon,
+.openweather-sunset-icon,
+.openweather-build-icon {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.popup-sub-menu .openweather-current-icon,
+.popup-sub-menu .openweather-current-summary,
+.popup-sub-menu .openweather-current-summarybox {
+  background: none;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-current-databox-values {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-current-databox-captions {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-forecast-icon,
+.popup-sub-menu .openweather-forecast-summary {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-forecast-day,
+.popup-sub-menu .openweather-forecast-temperature {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-sunrise-icon,
+.popup-sub-menu .openweather-sunset-icon,
+.popup-sub-menu .openweather-build-icon {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/config/Palenight-BL/gtk-3.0/gtk-dark.css b/Material/files/Material/config/Palenight-BL/gtk-3.0/gtk-dark.css
new file mode 100644
index 000000000..e0235cc14
--- /dev/null
+++ b/Material/files/Material/config/Palenight-BL/gtk-3.0/gtk-dark.css
@@ -0,0 +1,11469 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #292d3e;
+/* text widgets and the like base background color */
+@define-color theme_base_color #292d3e;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #292d3e;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #202331;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #292d3e;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #292d3e;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #292d3e;
+@define-color wm_unfocused_bg #292d3e;
+@define-color wm_button_close_icon #292d3e;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #292d3e;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #292d3e;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #292d3e;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #292d3e;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #292d3e;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #292d3e;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #292d3e;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #292d3e;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #e2e9e9 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #e2e9e9 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #f28b82;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #e2e9e9;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #eeffff;
+  background-color: #414868;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #16161e;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #202331;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #16161e;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #292d3e;
+}
+
+textview border {
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(9 11, 16, 0.9);
+  color: #eeffff;
+}
+
+.dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f28b82;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #fdd633;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #f28b82;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #fdd633;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #292d3e;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #eeffff;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(154, 165, 206, 0.9844);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(154, 165, 206, 0.7844);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f28b82;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.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;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar 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.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+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 {
+  color: #2196f3;
+}
+
+*:visited {
+  color: #ce93d8;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #2196f3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #ce93d8;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #292d3e;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+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(238, 255, 255, 0.12);
+  background-color: #202331;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: #292d3e;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.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 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.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: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 10px 20px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 20px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #292d3e;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+  background-color: #202331;
+  color: #b480d6;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(238, 255, 255, 0.3);
+  border-top-color: rgba(238, 255, 255, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(238, 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: #eeffff;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #292d3e;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #3a3f58;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 1px solid #444267;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #eeffff;
+  font: initial;
+  font-weight: 500;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #515772;
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-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),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #545c7e;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+  margin-top: 8px;
+  margin-bottom: -12px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #eeffff;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+  margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #3a3f58;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop,
+.csd popover.background:backdrop {
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05),
+    0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #3a3f58;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #202331;
+  color: #b480d6;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: transparent;
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: transparent;
+}
+
+scrollbar.bottom {
+  border-bottom: transparent;
+}
+
+scrollbar.left {
+  border-bottom: transparent;
+}
+
+scrollbar.right {
+  border-bottom: transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 4px;
+  min-height: 4px;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 2px;
+  min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 2px;
+  min-height: 2px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+  background-color: transparent;
+  color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked slider {
+  background-color: #292d3e;
+  color: #292d3e;
+}
+
+/*************************
+ * 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;
+}
+
+.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;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -8px;
+  padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #e2e9e9;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+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:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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;
+}
+
+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(238, 255, 255, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+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')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #eeffff;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #e2e9e9;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+  border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #292d3e;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms 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(238, 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: #eeffff;
+}
+
+expander title > arrow:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #3a3f58;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #f28b82;
+}
+
+.csd filechooser {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #292d3e;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(238, 255, 255, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.12)),
+    image(rgba(238, 255, 255, 0.12));
+  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;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #292d3e;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(9 11, 16, 0.9);
+  color: #eeffff;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #e2e9e9;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #292d3e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+  margin: 8px;
+}
+
+.csd decoration {
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  background-color: #3b4261;
+  background-clip: border-box;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+    0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+  border-radius: 0;
+}
+
+.popup decoration {
+  box-shadow: none;
+}
+
+.ssd decoration {
+  border: none;
+  border-radius: 12px 12px 0 0;
+  background-color: #292d3e;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.metacity decoration {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border: none;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.csd decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  background-color: #202331;
+  background-clip: border-box;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #292d3e;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close {
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:active {
+  background-color: #ffcb6b;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active {
+  background-color: shade(#ffcb6b, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:active {
+  background-color: #c3e88d;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+  background-color: shade(#c3e88d, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+  background-color: #f07178;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+  background-color: shade(#f07178, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop {
+  background-color: #464b5d;
+  color: transparent;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.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(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #3a3f58;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: alpha(currentColor, 0.05);
+  border: 1px solid #202331;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#e2e9e9, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#e2e9e9, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #292d3e;
+  color: #e2e9e9;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #202331;
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #202331;
+  font-weight: 700;
+  border-left: 3px solid #f7768e;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #b480d6;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #202331;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #eeffff;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #b480d6;
+  background-color: #202331;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+  color: #b480d6;
+  background-color: #202331;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #202331;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #b480d6;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #e2e9e9;
+  color: #e2e9e9;
+}
+
+.disk-space-display.free {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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 {
+  margin: -6px 0 0 -6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > label {
+  margin: 0 8px;
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > box
+  > button {
+  border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+  padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+  margin-top: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box {
+  margin-bottom: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box.linked {
+  margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+  margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #202331;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #202331;
+}
+
+.gedit-document-panel row button.flat {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #3a3f58;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > 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;
+}
+
+/**********
+ * Tweaks *
+ **********/
+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,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > 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 list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > 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 list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > 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 list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #1b1e2b;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > 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
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+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
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#eeffff,
+.tweak-#eeffff,
+.tweak-#eeffff:hover {
+  background-image: image(#292d3e);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#292d3e);
+}
+
+.tweak-group-startup {
+  background-image: image(#292d3e);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > 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: #292d3e;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > 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 > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #292d3e;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > 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;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #292d3e;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#292d3e);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #e2e9e9;
+  background-color: #292d3e;
+}
+
+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(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #292d3e;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #202331;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #e2e9e9 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+docktab:checked {
+  transition: all 75ms 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 #e2e9e9;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+dockoverlayedge {
+  background-color: #292d3e;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+pillbox {
+  background-color: #292d3e;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #292d3e;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.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: #eeffff;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #292d3e;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(226, 233, 233, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #eeffff;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #eeffff;
+}
+
+button.photos-filter-preview:checked image {
+  color: #eeffff;
+}
+
+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;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#202331);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#e2e9e9);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #292d3e;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #292d3e;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  padding: 0 2px 3px 2px;
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+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: 12px;
+}
+
+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: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#202331);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #202331;
+  color: #eeffff;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  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: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #eeffff;
+  background-color: #292d3e;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #292d3e;
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * 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,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #292d3e;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified > decoration-overlay {
+  box-shadow: inset 0 0 0 1px rgba(238, 255, 255, 0.2);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+}
+
+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;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+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(#3a3f58);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+window > notebook > stack {
+  margin: 0 3px 3px 3px;
+}
+
+window > notebook {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #292d3e;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #3a3f58;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #444267;
+}
+
+window.background.chromium > button {
+  color: #e2e9e9;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #e2e9e9;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #444267;
+  background-color: #292d3e;
+}
+
+window.background.chromium menu {
+  border-color: #565f89;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #292d3e;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #e2e9e9;
+  box-shadow: inset 0 0 0 1px #e2e9e9;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #202331;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #737aa2;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #828bb8;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(115, 122, 162, 0.5);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #eeffff;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #444267;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #444267;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #292d3e;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -1px;
+  border: 1px solid #444267;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #292d3e;
+}
+
+/*********
+ * 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: #e2e9e9;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #e2e9e9;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.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 {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 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: #e2e9e9;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+.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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #3a3f58;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #e2e9e9;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.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: #292d3e;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  background-image: none;
+  color: #eeffff;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #292d3e;
+  color: #eeffff;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+#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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(9 11, 16, 0.9);
+  color: #eeffff;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #e2e9e9;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #3a3f58;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(238, 255, 255, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #eeffff;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(238, 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(238, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(238, 255, 255, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(238, 255, 255, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #202331;
+}
+
+.budgie-panel button {
+  color: rgba(238, 255, 255, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #f28b82;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #eeffff;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #eeffff;
+}
+
+.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:not(:checked) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+}
+
+.top frame.raven-frame > border {
+  margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+  margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+  margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+  margin-left: 32px;
+}
+
+.raven {
+  background-color: #3a3f58;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.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(238, 255, 255, 0.06);
+  color: #eeffff;
+}
+
+.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: #eeffff;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #202331;
+  color: #eeffff;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #f28b82;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #eeffff;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #292d3e;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+#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(238, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+  background-color: #292d3e;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover,
+.nemo-window .primary-toolbar button.text-button:active,
+.nemo-window .primary-toolbar button.text-button:checked {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+  border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #202331;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #676e95;
+  -nemoplacestreeview-disk-full-fg-color: #e2e9e9;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
diff --git a/Material/files/Material/config/Palenight-BL/gtk-3.0/gtk.css b/Material/files/Material/config/Palenight-BL/gtk-3.0/gtk.css
new file mode 100644
index 000000000..af390543d
--- /dev/null
+++ b/Material/files/Material/config/Palenight-BL/gtk-3.0/gtk.css
@@ -0,0 +1,11469 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #292d3e;
+/* text widgets and the like base background color */
+@define-color theme_base_color #292d3e;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #292d3e;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #202331;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #292d3e;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #292d3e;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #292d3e;
+@define-color wm_unfocused_bg #292d3e;
+@define-color wm_button_close_icon #292d3e;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #292d3e;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #292d3e;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #292d3e;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #292d3e;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #292d3e;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #292d3e;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #292d3e;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #292d3e;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #e2e9e9 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #e2e9e9 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #f28b82;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #e2e9e9;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #eeffff;
+  background-color: #414868;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #16161e;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #202331;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #16161e;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #292d3e;
+}
+
+textview border {
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+.dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f28b82;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #fdd633;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #f28b82;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #fdd633;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #292d3e;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #eeffff;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(154, 165, 206, 0.9844);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(154, 165, 206, 0.7844);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f28b82;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.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;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar 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.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+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 {
+  color: #2196f3;
+}
+
+*:visited {
+  color: #ce93d8;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #2196f3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #ce93d8;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #292d3e;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+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(238, 255, 255, 0.12);
+  background-color: #202331;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: #292d3e;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.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 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.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: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 10px 20px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 20px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #292d3e;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+  background-color: #202331;
+  color: #b480d6;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(238, 255, 255, 0.3);
+  border-top-color: rgba(238, 255, 255, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(238, 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: #eeffff;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #292d3e;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #3a3f58;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 1px solid #444267;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #eeffff;
+  font: initial;
+  font-weight: 500;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #515772;
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-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),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #545c7e;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+  margin-top: 8px;
+  margin-bottom: -12px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #eeffff;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+  margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #3a3f58;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop,
+.csd popover.background:backdrop {
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05),
+    0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #3a3f58;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #202331;
+  color: #b480d6;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: transparent;
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: transparent;
+}
+
+scrollbar.bottom {
+  border-bottom: transparent;
+}
+
+scrollbar.left {
+  border-bottom: transparent;
+}
+
+scrollbar.right {
+  border-bottom: transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 4px;
+  min-height: 4px;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 2px;
+  min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 2px;
+  min-height: 2px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+  background-color: transparent;
+  color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked slider {
+  background-color: #292d3e;
+  color: #292d3e;
+}
+
+/*************************
+ * 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;
+}
+
+.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;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -8px;
+  padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #e2e9e9;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+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:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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;
+}
+
+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(238, 255, 255, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+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')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #eeffff;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #e2e9e9;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+  border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #292d3e;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms 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(238, 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: #eeffff;
+}
+
+expander title > arrow:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #3a3f58;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #f28b82;
+}
+
+.csd filechooser {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #292d3e;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(238, 255, 255, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.12)),
+    image(rgba(238, 255, 255, 0.12));
+  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;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #292d3e;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #e2e9e9;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #292d3e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+  margin: 8px;
+}
+
+.csd decoration {
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  background-color: #292d3e;
+  background-clip: border-box;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+    0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+  border-radius: 0;
+}
+
+.popup decoration {
+  box-shadow: none;
+}
+
+.ssd decoration {
+  border: none;
+  border-radius: 12px 12px 0 0;
+  background-color: #292d3e;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.metacity decoration {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border: none;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.csd decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  background-color: #202331;
+  background-clip: border-box;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #292d3e;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close {
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:active {
+  background-color: #ffcb6b;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active {
+  background-color: shade(#ffcb6b, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:active {
+  background-color: #c3e88d;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+  background-color: shade(#c3e88d, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+  background-color: #f07178;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+  background-color: shade(#f07178, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop {
+  background-color: #464b5d;
+  color: transparent;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.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(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #3a3f58;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: alpha(currentColor, 0.05);
+  border: 1px solid #202331;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#e2e9e9, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#e2e9e9, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #292d3e;
+  color: #e2e9e9;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #202331;
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #202331;
+  font-weight: 700;
+  border-left: 3px solid #f7768e;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #b480d6;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #202331;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #eeffff;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #b480d6;
+  background-color: #202331;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+  color: #b480d6;
+  background-color: #202331;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #202331;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #b480d6;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #e2e9e9;
+  color: #e2e9e9;
+}
+
+.disk-space-display.free {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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 {
+  margin: -6px 0 0 -6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > label {
+  margin: 0 8px;
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > box
+  > button {
+  border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+  padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+  margin-top: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box {
+  margin-bottom: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box.linked {
+  margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+  margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #202331;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #202331;
+}
+
+.gedit-document-panel row button.flat {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #3a3f58;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > 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;
+}
+
+/**********
+ * Tweaks *
+ **********/
+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,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > 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 list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > 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 list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > 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 list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #1b1e2b;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > 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
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+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
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#eeffff,
+.tweak-#eeffff,
+.tweak-#eeffff:hover {
+  background-image: image(#292d3e);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#292d3e);
+}
+
+.tweak-group-startup {
+  background-image: image(#292d3e);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > 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: #292d3e;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > 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 > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #292d3e;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > 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;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #292d3e;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #292d3e;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#292d3e);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #e2e9e9;
+  background-color: #292d3e;
+}
+
+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(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #292d3e;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #202331;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #e2e9e9 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+docktab:checked {
+  transition: all 75ms 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 #e2e9e9;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+dockoverlayedge {
+  background-color: #292d3e;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+pillbox {
+  background-color: #292d3e;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #292d3e;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.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: #eeffff;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #292d3e;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(226, 233, 233, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #eeffff;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #eeffff;
+}
+
+button.photos-filter-preview:checked image {
+  color: #eeffff;
+}
+
+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;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#202331);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#e2e9e9);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #292d3e;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #292d3e;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  padding: 0 2px 3px 2px;
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+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: 12px;
+}
+
+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: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#202331);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #202331;
+  color: #eeffff;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  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: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #eeffff;
+  background-color: #292d3e;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #292d3e;
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  background-color: #292d3e;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * 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,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #292d3e;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified > decoration-overlay {
+  box-shadow: inset 0 0 0 1px rgba(238, 255, 255, 0.2);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+}
+
+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;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+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(#3a3f58);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+window > notebook > stack {
+  margin: 0 3px 3px 3px;
+}
+
+window > notebook {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #292d3e;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #3a3f58;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #444267;
+}
+
+window.background.chromium > button {
+  color: #e2e9e9;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #e2e9e9;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #444267;
+  background-color: #292d3e;
+}
+
+window.background.chromium menu {
+  border-color: #565f89;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #292d3e;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #292d3e;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #e2e9e9;
+  box-shadow: inset 0 0 0 1px #e2e9e9;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #202331;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #737aa2;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #828bb8;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(115, 122, 162, 0.5);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #eeffff;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #444267;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #444267;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #292d3e;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -1px;
+  border: 1px solid #444267;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #292d3e;
+}
+
+/*********
+ * 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: #e2e9e9;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #e2e9e9;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.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 {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 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: #e2e9e9;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+.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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #3a3f58;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #e2e9e9;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.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: #292d3e;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  background-image: none;
+  color: #eeffff;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #292d3e;
+  color: #eeffff;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+#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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #e2e9e9;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #3a3f58;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(238, 255, 255, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #eeffff;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(238, 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(238, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(238, 255, 255, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(238, 255, 255, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #202331;
+}
+
+.budgie-panel button {
+  color: rgba(238, 255, 255, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #f28b82;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #eeffff;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #eeffff;
+}
+
+.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:not(:checked) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+}
+
+.top frame.raven-frame > border {
+  margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+  margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+  margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+  margin-left: 32px;
+}
+
+.raven {
+  background-color: #3a3f58;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.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(238, 255, 255, 0.06);
+  color: #eeffff;
+}
+
+.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: #eeffff;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #202331;
+  color: #eeffff;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #f28b82;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #eeffff;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #292d3e;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(41, 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+#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(238, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+  background-color: #292d3e;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover,
+.nemo-window .primary-toolbar button.text-button:active,
+.nemo-window .primary-toolbar button.text-button:checked {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+  border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #202331;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #676e95;
+  -nemoplacestreeview-disk-full-fg-color: #e2e9e9;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
diff --git a/Material/files/Material/config/Palenight-BL/gtk-3.0/thumbnail.png b/Material/files/Material/config/Palenight-BL/gtk-3.0/thumbnail.png
new file mode 100644
index 000000000..713427290
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/gtk-3.0/thumbnail.png differ
diff --git a/Material/files/Material/config/Palenight-BL/gtk-4.0/gtk-dark.css b/Material/files/Material/config/Palenight-BL/gtk-4.0/gtk-dark.css
new file mode 100644
index 000000000..7becb7394
--- /dev/null
+++ b/Material/files/Material/config/Palenight-BL/gtk-4.0/gtk-dark.css
@@ -0,0 +1,7017 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #292d3e;
+/* text widgets and the like base background color */
+@define-color theme_base_color #292d3e;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #292d3e;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #202331;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #292d3e;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #292d3e;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #292d3e;
+@define-color wm_unfocused_bg #292d3e;
+@define-color wm_button_close_icon #292d3e;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #292d3e;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #292d3e;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #292d3e;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #292d3e;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #292d3e;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #292d3e;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #292d3e;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #292d3e;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+dnd {
+  color: #eeffff;
+}
+
+.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 {
+  color: #eeffff;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+textview text {
+  background-color: #292d3e;
+}
+
+textview border {
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #eeffff;
+  background-color: #292d3e;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+label.search-information {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(238, 255, 255, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #eeffff;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * 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 {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+  padding: 2px 12px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #fdd633;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #292d3e;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 0%,
+      rgba(226, 233, 233, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 95%,
+      rgba(226, 233, 233, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+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,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+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,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+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,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+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,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+button.osd:hover {
+  background-color: #444267;
+  color: #eeffff;
+}
+
+button.osd:active {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #e2e9e9;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #f78c6c;
+  box-shadow: inset 0 0 0 1px #f78c6c;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+menubutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+menubutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+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.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+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: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 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: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(238, 255, 255, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+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: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+splitbutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+splitbutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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;
+}
+
+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) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #89ddff;
+}
+
+link:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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: 9px;
+  padding-right: 9px;
+}
+
+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 popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #292d3e;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.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 {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #eeffff;
+}
+
+headerbar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #eeffff;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+headerbar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+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');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.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: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #292d3e
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(226, 233, 233, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #292d3e
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#292d3e);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #444267;
+  border-top-color: #444267;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #e2e9e9;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #292d3e;
+}
+
+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(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #eeffff;
+}
+
+menubar:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > item:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+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;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #3a3f58;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #eeffff;
+  border: none;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: none;
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #eeffff;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #515772;
+  color: #b480d6;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+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 label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(238, 255, 255, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #b480d6;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #3a3f58;
+  color: #b480d6;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+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;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #292d3e;
+  color: #eeffff;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#e2e9e9, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#f78c6c, 0.4);
+  background-color: alpha(#f78c6c, 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: #e2e9e9;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#e2e9e9, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #eeffff;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  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(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+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(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #292d3e;
+  color: #292d3e;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #eeffff;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #292d3e;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #e2e9e9;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #292d3e;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -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'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(238, 255, 255, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #202331 49.99%, #eeffff 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #eeffff;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #eeffff;
+  background-image: image(#202331);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #292d3e;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #eeffff;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  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(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #eeffff;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(238, 255, 255, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #e2e9e9;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #eeffff;
+}
+
+expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #3a3f58;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: 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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #3a3f58;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+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 {
+  color: inherit;
+}
+
+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 {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#444267);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #292d3e;
+  background-image: image(#444267), image(#444267);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #202331;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #eeffff;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #3a3f58;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #eeffff;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #3a3f58;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #292d3e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window.csd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  outline-color: rgba(238, 255, 255, 0.2);
+  outline-offset: -1px;
+  outline-style: solid;
+  outline-width: 1px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+    0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #292d3e;
+  border: 1px solid #444267;
+}
+
+window.solid-csd:backdrop {
+  background-color: #292d3e;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 9999px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols
+  button.minimize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.maximize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action)
+  image {
+  padding: 0;
+}
+
+windowcontrols
+  button.minimize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#ffcb6b, 0.5);
+}
+
+windowcontrols
+  button.maximize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#c3e88d, 0.5);
+}
+
+windowcontrols
+  button.close:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#f07178, 0.5);
+}
+
+windowcontrols
+  button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #ffcb6b;
+}
+
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #c3e88d;
+}
+
+windowcontrols button.close:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #f07178;
+}
+
+button.titlebutton.close:backdrop,
+button.titlebutton.maximize:backdrop,
+button.titlebutton.minimize:backdrop,
+windowcontrols > button.close:backdrop,
+windowcontrols > button.maximize:backdrop,
+windowcontrols > button.minimize:backdrop {
+  background-color: #464b5d;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #e2e9e9;
+  background-color: #364367;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #3a3f58;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 0;
+  background-color: alpha(currentColor, 0.05);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #292d3e;
+}
+
+.nautilus-window:backdrop {
+  background-color: #292d3e;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 2em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #202331;
+  font-weight: 700;
+  border-left: 3px solid #f7768e;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #b480d6;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #292d3e;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #202331;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #202331;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #b480d6;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #292d3e;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+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 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(238, 255, 255, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 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: #eb4b3d;
+  background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #eeffff;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.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(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #292d3e;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #e2e9e9;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+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: #eeffff;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+  background-color: #292d3e;
+  color: rgba(238, 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: 34px;
+}
+
+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(238, 255, 255, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #e2e9e9;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+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;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #e2e9e9;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 119px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #e2e9e9;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+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;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+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: #eeffff;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #e2e9e9;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/config/Palenight-BL/gtk-4.0/gtk.css b/Material/files/Material/config/Palenight-BL/gtk-4.0/gtk.css
new file mode 100644
index 000000000..28df52c32
--- /dev/null
+++ b/Material/files/Material/config/Palenight-BL/gtk-4.0/gtk.css
@@ -0,0 +1,7017 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #292d3e;
+/* text widgets and the like base background color */
+@define-color theme_base_color #292d3e;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #292d3e;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #202331;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #292d3e;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #292d3e;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #292d3e;
+@define-color wm_unfocused_bg #292d3e;
+@define-color wm_button_close_icon #292d3e;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #292d3e;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #292d3e;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #292d3e;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #292d3e;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #292d3e;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #292d3e;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #292d3e;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #292d3e;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+dnd {
+  color: #eeffff;
+}
+
+.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 {
+  color: #eeffff;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+textview text {
+  background-color: #292d3e;
+}
+
+textview border {
+  background-color: #202331;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #eeffff;
+  background-color: #292d3e;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+}
+
+label.search-information {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(238, 255, 255, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #eeffff;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * 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 {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+  padding: 2px 12px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #fdd633;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #292d3e;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 0%,
+      rgba(226, 233, 233, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 95%,
+      rgba(226, 233, 233, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+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,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+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,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+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,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+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,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+button.osd:hover {
+  background-color: #444267;
+  color: #eeffff;
+}
+
+button.osd:active {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #e2e9e9;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #f78c6c;
+  box-shadow: inset 0 0 0 1px #f78c6c;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+menubutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+menubutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+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.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+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: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 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: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(238, 255, 255, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+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: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+splitbutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+splitbutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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;
+}
+
+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) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #89ddff;
+}
+
+link:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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: 9px;
+  padding-right: 9px;
+}
+
+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 popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #292d3e;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.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 {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #eeffff;
+}
+
+headerbar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #eeffff;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+headerbar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+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');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.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: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #292d3e
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(226, 233, 233, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #292d3e
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#292d3e);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #444267;
+  border-top-color: #444267;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #e2e9e9;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #292d3e;
+}
+
+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(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #292d3e;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #eeffff;
+}
+
+menubar:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > item:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+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;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #3a3f58;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #eeffff;
+  border: none;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: none;
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #eeffff;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #515772;
+  color: #b480d6;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+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 label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(238, 255, 255, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #b480d6;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #3a3f58;
+  color: #b480d6;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+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;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #292d3e;
+  color: #eeffff;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#e2e9e9, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#f78c6c, 0.4);
+  background-color: alpha(#f78c6c, 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: #e2e9e9;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#e2e9e9, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #eeffff;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  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(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+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(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #292d3e;
+  color: #292d3e;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #eeffff;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #292d3e;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #e2e9e9;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #292d3e;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -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'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #a6accd;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(238, 255, 255, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #202331 49.99%, #eeffff 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #eeffff;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #eeffff;
+  background-image: image(#202331);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #292d3e;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #292d3e;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #eeffff;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  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(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #eeffff;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(238, 255, 255, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #e2e9e9;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #eeffff;
+}
+
+expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #3a3f58;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+  color: #eeffff;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #3a3f58;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: 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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #b480d6;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #3a3f58;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+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 {
+  color: inherit;
+}
+
+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 {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#444267);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #292d3e;
+  background-image: image(#444267), image(#444267);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #202331;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #eeffff;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #3a3f58;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(9, 11, 16, 0.9);
+  color: #eeffff;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #eeffff;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #3a3f58;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #3a3f58;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #292d3e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window.csd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  outline-color: rgba(238, 255, 255, 0.2);
+  outline-offset: -1px;
+  outline-style: solid;
+  outline-width: 1px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+    0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #292d3e;
+  border: 1px solid #444267;
+}
+
+window.solid-csd:backdrop {
+  background-color: #292d3e;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 9999px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols
+  button.minimize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.maximize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action)
+  image {
+  padding: 0;
+}
+
+windowcontrols
+  button.minimize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#ffcb6b, 0.5);
+}
+
+windowcontrols
+  button.maximize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#c3e88d, 0.5);
+}
+
+windowcontrols
+  button.close:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#f07178, 0.5);
+}
+
+windowcontrols
+  button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #ffcb6b;
+}
+
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #c3e88d;
+}
+
+windowcontrols button.close:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #f07178;
+}
+
+button.titlebutton.close:backdrop,
+button.titlebutton.maximize:backdrop,
+button.titlebutton.minimize:backdrop,
+windowcontrols > button.close:backdrop,
+windowcontrols > button.maximize:backdrop,
+windowcontrols > button.minimize:backdrop {
+  background-color: #464b5d;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #e2e9e9;
+  background-color: #364367;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #3a3f58;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 0;
+  background-color: alpha(currentColor, 0.05);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #292d3e;
+}
+
+.nautilus-window:backdrop {
+  background-color: #292d3e;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 2em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #202331;
+  font-weight: 700;
+  border-left: 3px solid #f7768e;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #b480d6;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #292d3e;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #202331;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #202331;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #b480d6;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #292d3e;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+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 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(238, 255, 255, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 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: #eb4b3d;
+  background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #eeffff;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.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(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #292d3e;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #e2e9e9;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+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: #eeffff;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+  background-color: #292d3e;
+  color: rgba(238, 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: 34px;
+}
+
+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(238, 255, 255, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #e2e9e9;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+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;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #3a3f58;
+  color: #b480d6;
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #e2e9e9;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 119px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #e2e9e9;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+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;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+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: #eeffff;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #e2e9e9;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/config/Palenight-BL/gtk-4.0/thumbnail.png b/Material/files/Material/config/Palenight-BL/gtk-4.0/thumbnail.png
new file mode 100644
index 000000000..713427290
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/gtk-4.0/thumbnail.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/bottom-active.png b/Material/files/Material/config/Palenight-BL/xfwm4/bottom-active.png
new file mode 100644
index 000000000..b24cdd40c
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/bottom-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/bottom-inactive.png b/Material/files/Material/config/Palenight-BL/xfwm4/bottom-inactive.png
new file mode 100644
index 000000000..b24cdd40c
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/bottom-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/bottom-left-active.png b/Material/files/Material/config/Palenight-BL/xfwm4/bottom-left-active.png
new file mode 100644
index 000000000..99e00c960
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/bottom-left-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/bottom-left-inactive.png b/Material/files/Material/config/Palenight-BL/xfwm4/bottom-left-inactive.png
new file mode 100644
index 000000000..99e00c960
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/bottom-left-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/bottom-right-active.png b/Material/files/Material/config/Palenight-BL/xfwm4/bottom-right-active.png
new file mode 100644
index 000000000..52cfdf5f2
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/bottom-right-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/bottom-right-inactive.png b/Material/files/Material/config/Palenight-BL/xfwm4/bottom-right-inactive.png
new file mode 100644
index 000000000..52cfdf5f2
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/bottom-right-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/close-active.png b/Material/files/Material/config/Palenight-BL/xfwm4/close-active.png
new file mode 100644
index 000000000..e8effb6a2
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/close-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/close-inactive.png b/Material/files/Material/config/Palenight-BL/xfwm4/close-inactive.png
new file mode 100644
index 000000000..4929b5d5f
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/close-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/close-prelight.png b/Material/files/Material/config/Palenight-BL/xfwm4/close-prelight.png
new file mode 100644
index 000000000..15105ac6a
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/close-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/close-pressed.png b/Material/files/Material/config/Palenight-BL/xfwm4/close-pressed.png
new file mode 100644
index 000000000..e8effb6a2
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/close-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/hide-active.png b/Material/files/Material/config/Palenight-BL/xfwm4/hide-active.png
new file mode 100644
index 000000000..c6592cfe6
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/hide-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/hide-inactive.png b/Material/files/Material/config/Palenight-BL/xfwm4/hide-inactive.png
new file mode 100644
index 000000000..4929b5d5f
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/hide-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/hide-prelight.png b/Material/files/Material/config/Palenight-BL/xfwm4/hide-prelight.png
new file mode 100644
index 000000000..5acc8ebc9
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/hide-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/hide-pressed.png b/Material/files/Material/config/Palenight-BL/xfwm4/hide-pressed.png
new file mode 100644
index 000000000..c6592cfe6
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/hide-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/left-active.png b/Material/files/Material/config/Palenight-BL/xfwm4/left-active.png
new file mode 100644
index 000000000..f8997ddc3
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/left-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/left-inactive.png b/Material/files/Material/config/Palenight-BL/xfwm4/left-inactive.png
new file mode 100644
index 000000000..f8997ddc3
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/left-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/maximize-active.png b/Material/files/Material/config/Palenight-BL/xfwm4/maximize-active.png
new file mode 100644
index 000000000..98a744102
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/maximize-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/maximize-inactive.png b/Material/files/Material/config/Palenight-BL/xfwm4/maximize-inactive.png
new file mode 100644
index 000000000..4929b5d5f
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/maximize-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/maximize-prelight.png b/Material/files/Material/config/Palenight-BL/xfwm4/maximize-prelight.png
new file mode 100644
index 000000000..a367c1dd5
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/maximize-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/maximize-pressed.png b/Material/files/Material/config/Palenight-BL/xfwm4/maximize-pressed.png
new file mode 100644
index 000000000..98a744102
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/maximize-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/maximize-toggled-active.png b/Material/files/Material/config/Palenight-BL/xfwm4/maximize-toggled-active.png
new file mode 100644
index 000000000..98a744102
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/maximize-toggled-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/maximize-toggled-inactive.png b/Material/files/Material/config/Palenight-BL/xfwm4/maximize-toggled-inactive.png
new file mode 100644
index 000000000..4929b5d5f
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/maximize-toggled-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/maximize-toggled-prelight.png b/Material/files/Material/config/Palenight-BL/xfwm4/maximize-toggled-prelight.png
new file mode 100644
index 000000000..a367c1dd5
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/maximize-toggled-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/maximize-toggled-pressed.png b/Material/files/Material/config/Palenight-BL/xfwm4/maximize-toggled-pressed.png
new file mode 100644
index 000000000..98a744102
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/maximize-toggled-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/menu-active.png b/Material/files/Material/config/Palenight-BL/xfwm4/menu-active.png
new file mode 100644
index 000000000..667ac53ac
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/menu-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/menu-inactive.png b/Material/files/Material/config/Palenight-BL/xfwm4/menu-inactive.png
new file mode 100644
index 000000000..749ccb281
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/menu-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/menu-prelight.png b/Material/files/Material/config/Palenight-BL/xfwm4/menu-prelight.png
new file mode 100644
index 000000000..a019f845f
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/menu-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/menu-pressed.png b/Material/files/Material/config/Palenight-BL/xfwm4/menu-pressed.png
new file mode 100644
index 000000000..4c0f8b844
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/menu-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/right-active.png b/Material/files/Material/config/Palenight-BL/xfwm4/right-active.png
new file mode 100644
index 000000000..f8997ddc3
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/right-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/right-inactive.png b/Material/files/Material/config/Palenight-BL/xfwm4/right-inactive.png
new file mode 100644
index 000000000..f8997ddc3
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/right-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/shade-active.png b/Material/files/Material/config/Palenight-BL/xfwm4/shade-active.png
new file mode 100644
index 000000000..28c372e81
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/shade-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/shade-inactive.png b/Material/files/Material/config/Palenight-BL/xfwm4/shade-inactive.png
new file mode 100644
index 000000000..817641e05
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/shade-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/shade-prelight.png b/Material/files/Material/config/Palenight-BL/xfwm4/shade-prelight.png
new file mode 100644
index 000000000..849cabbd5
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/shade-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/shade-pressed.png b/Material/files/Material/config/Palenight-BL/xfwm4/shade-pressed.png
new file mode 100644
index 000000000..4c0f8b844
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/shade-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/shade-toggled-active.png b/Material/files/Material/config/Palenight-BL/xfwm4/shade-toggled-active.png
new file mode 100644
index 000000000..667ac53ac
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/shade-toggled-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/shade-toggled-inactive.png b/Material/files/Material/config/Palenight-BL/xfwm4/shade-toggled-inactive.png
new file mode 100644
index 000000000..749ccb281
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/shade-toggled-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/shade-toggled-prelight.png b/Material/files/Material/config/Palenight-BL/xfwm4/shade-toggled-prelight.png
new file mode 100644
index 000000000..a019f845f
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/shade-toggled-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/shade-toggled-pressed.png b/Material/files/Material/config/Palenight-BL/xfwm4/shade-toggled-pressed.png
new file mode 100644
index 000000000..4c0f8b844
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/shade-toggled-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/stick-active.png b/Material/files/Material/config/Palenight-BL/xfwm4/stick-active.png
new file mode 100644
index 000000000..28c372e81
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/stick-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/stick-inactive.png b/Material/files/Material/config/Palenight-BL/xfwm4/stick-inactive.png
new file mode 100644
index 000000000..817641e05
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/stick-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/stick-prelight.png b/Material/files/Material/config/Palenight-BL/xfwm4/stick-prelight.png
new file mode 100644
index 000000000..849cabbd5
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/stick-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/stick-pressed.png b/Material/files/Material/config/Palenight-BL/xfwm4/stick-pressed.png
new file mode 100644
index 000000000..4c0f8b844
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/stick-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/stick-toggled-active.png b/Material/files/Material/config/Palenight-BL/xfwm4/stick-toggled-active.png
new file mode 100644
index 000000000..667ac53ac
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/stick-toggled-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/stick-toggled-inactive.png b/Material/files/Material/config/Palenight-BL/xfwm4/stick-toggled-inactive.png
new file mode 100644
index 000000000..749ccb281
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/stick-toggled-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/stick-toggled-prelight.png b/Material/files/Material/config/Palenight-BL/xfwm4/stick-toggled-prelight.png
new file mode 100644
index 000000000..a019f845f
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/stick-toggled-prelight.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/stick-toggled-pressed.png b/Material/files/Material/config/Palenight-BL/xfwm4/stick-toggled-pressed.png
new file mode 100644
index 000000000..4c0f8b844
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/stick-toggled-pressed.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/themerc b/Material/files/Material/config/Palenight-BL/xfwm4/themerc
new file mode 100644
index 000000000..126405dd1
--- /dev/null
+++ b/Material/files/Material/config/Palenight-BL/xfwm4/themerc
@@ -0,0 +1,23 @@
+button_offset=7
+button_spacing=-7
+
+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/Material/files/Material/config/Palenight-BL/xfwm4/title-1-active.png b/Material/files/Material/config/Palenight-BL/xfwm4/title-1-active.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/title-1-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/title-1-inactive.png b/Material/files/Material/config/Palenight-BL/xfwm4/title-1-inactive.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/title-1-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/title-2-active.png b/Material/files/Material/config/Palenight-BL/xfwm4/title-2-active.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/title-2-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/title-2-inactive.png b/Material/files/Material/config/Palenight-BL/xfwm4/title-2-inactive.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/title-2-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/title-3-active.png b/Material/files/Material/config/Palenight-BL/xfwm4/title-3-active.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/title-3-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/title-3-inactive.png b/Material/files/Material/config/Palenight-BL/xfwm4/title-3-inactive.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/title-3-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/title-4-active.png b/Material/files/Material/config/Palenight-BL/xfwm4/title-4-active.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/title-4-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/title-4-inactive.png b/Material/files/Material/config/Palenight-BL/xfwm4/title-4-inactive.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/title-4-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/title-5-active.png b/Material/files/Material/config/Palenight-BL/xfwm4/title-5-active.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/title-5-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/title-5-inactive.png b/Material/files/Material/config/Palenight-BL/xfwm4/title-5-inactive.png
new file mode 100644
index 000000000..98598eea8
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/title-5-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/top-left-active.png b/Material/files/Material/config/Palenight-BL/xfwm4/top-left-active.png
new file mode 100644
index 000000000..447efefad
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/top-left-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/top-left-inactive.png b/Material/files/Material/config/Palenight-BL/xfwm4/top-left-inactive.png
new file mode 100644
index 000000000..447efefad
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/top-left-inactive.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/top-right-active.png b/Material/files/Material/config/Palenight-BL/xfwm4/top-right-active.png
new file mode 100644
index 000000000..aa52d4a45
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/top-right-active.png differ
diff --git a/Material/files/Material/config/Palenight-BL/xfwm4/top-right-inactive.png b/Material/files/Material/config/Palenight-BL/xfwm4/top-right-inactive.png
new file mode 100644
index 000000000..aa52d4a45
Binary files /dev/null and b/Material/files/Material/config/Palenight-BL/xfwm4/top-right-inactive.png differ
diff --git a/Material/files/Material/config/common/cinnamon/assets/add-workspace-active.svg b/Material/files/Material/config/common/cinnamon/assets/add-workspace-active.svg
new file mode 100644
index 000000000..4b742855e
--- /dev/null
+++ b/Material/files/Material/config/common/cinnamon/assets/add-workspace-active.svg
@@ -0,0 +1,12 @@
+<svg width="35" height="200" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter4154" x="-.132" y="-.020842" width="1.264" height="1.0417" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="1.6500004"/>
+  </filter>
+ </defs>
+ <g transform="translate(0 -852.36)" shape-rendering="auto">
+  <path d="m7.2 858.36h28v190h-28c-1.108 0-2-0.892-2-2v-186c0-1.108 0.892-2 2-2z" color="#000000" color-rendering="auto" fill="#000000" fill-opacity=".44" filter="url(#filter4154)" image-rendering="auto" opacity=".9" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal"/>
+  <path d="m7 857.36h28v190h-28c-1.108 0-2-0.892-2-2v-186c0-1.108 0.892-2 2-2z" color="#000000" color-rendering="auto" fill="#333333" image-rendering="auto" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal"/>
+  <path transform="translate(0 852.36)" d="m18 94c-0.554 0-1 0.446-1 1v4h-4c-0.554 0-1 0.446-1 1s0.446 1 1 1h4v4c0 0.554 0.446 1 1 1s1-0.446 1-1v-4h4c0.554 0 1-0.446 1-1s-0.446-1-1-1h-4v-4c0-0.554-0.446-1-1-1zm8 6a8 8 0 0 1-8 8 8 8 0 0 1-8-8 8 8 0 0 1 8-8 8 8 0 0 1 8 8z" color="#000000" color-rendering="auto" fill="#eceff1" image-rendering="auto" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal"/>
+ </g>
+</svg>
diff --git a/Material/files/Material/config/common/cinnamon/assets/add-workspace-hover.svg b/Material/files/Material/config/common/cinnamon/assets/add-workspace-hover.svg
new file mode 100644
index 000000000..8a1d3516b
--- /dev/null
+++ b/Material/files/Material/config/common/cinnamon/assets/add-workspace-hover.svg
@@ -0,0 +1,112 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="35"
+   height="200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="add-workspace-hover.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="4"
+     inkscape:cx="-81.038405"
+     inkscape:cy="108.58132"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="709"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     showguides="false"
+     inkscape:guide-bbox="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:bbox-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3040"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="20,100"
+       id="guide3893"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="18,190"
+       id="guide3895"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <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 />
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36218)">
+    <path
+       id="rect4694"
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.5;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 7,857.36218 28,0 0,190.00002 -28,0 c -1.108,0 -2,-0.892 -2,-2 L 5,859.36218 c 0,-1.108 0.892,-2 2,-2 z"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sccssss" />
+    <g
+       transform="translate(0,-0.9999969)"
+       id="g3917-7"
+       style="fill:#eceff1;fill-opacity:1;opacity:0.5;stroke:none;stroke-opacity:1" />
+    <path
+       id="rect4804"
+       transform="translate(0,852.36218)"
+       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:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 18,94 c -0.554,0 -1,0.446 -1,1 l 0,4 -4,0 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 l 4,0 0,4 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 l 0,-4 4,0 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 l -4,0 0,-4 c 0,-0.554 -0.446,-1 -1,-1 z m 8,6 a 8,8 0 0 1 -8,8 8,8 0 0 1 -8,-8 8,8 0 0 1 8,-8 8,8 0 0 1 8,8 z" />
+  </g>
+</svg>
diff --git a/Material/files/Material/config/common/cinnamon/assets/add-workspace.svg b/Material/files/Material/config/common/cinnamon/assets/add-workspace.svg
new file mode 100644
index 000000000..8dba5df9f
--- /dev/null
+++ b/Material/files/Material/config/common/cinnamon/assets/add-workspace.svg
@@ -0,0 +1,113 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="35"
+   height="200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="add-workspace.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="4"
+     inkscape:cx="-28.526103"
+     inkscape:cy="75.41215"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="709"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     showguides="false"
+     inkscape:guide-bbox="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:bbox-nodes="true"
+     inkscape:document-rotation="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3040"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="20,100"
+       id="guide3893"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="18,190"
+       id="guide3895"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <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 />
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36218)">
+    <path
+       id="rect4694"
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.35;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 7,857.36218 28,0 0,190.00002 -28,0 c -1.108,0 -2,-0.892 -2,-2 L 5,859.36218 c 0,-1.108 0.892,-2 2,-2 z"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sccssss" />
+    <g
+       transform="translate(0,-0.9999969)"
+       id="g3917-7"
+       style="fill:#eceff1;fill-opacity:1;opacity:0.5;stroke:none;stroke-opacity:1" />
+    <path
+       id="rect4804"
+       transform="translate(0,852.36218)"
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.87;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 18,94 c -0.554,0 -1,0.446 -1,1 l 0,4 -4,0 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 l 4,0 0,4 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 l 0,-4 4,0 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 l -4,0 0,-4 c 0,-0.554 -0.446,-1 -1,-1 z m 8,6 a 8,8 0 0 1 -8,8 8,8 0 0 1 -8,-8 8,8 0 0 1 8,-8 8,8 0 0 1 8,8 z" />
+  </g>
+</svg>
diff --git a/Material/files/Material/config/common/cinnamon/assets/calendar-arrow-left.svg b/Material/files/Material/config/common/cinnamon/assets/calendar-arrow-left.svg
new file mode 100644
index 000000000..dcf8298b1
--- /dev/null
+++ b/Material/files/Material/config/common/cinnamon/assets/calendar-arrow-left.svg
@@ -0,0 +1,56 @@
+<?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="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="calendar-arrow-left.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata10">
+    <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>
+  <defs
+     id="defs8" />
+  <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="704"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="29.5"
+     inkscape:cx="13.680381"
+     inkscape:cy="6.1418434"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M10 3v10L5 8z"
+     fill="#000000"
+     opacity="0.54"
+     id="path2"
+     style="fill:#e6e6e6" />
+</svg>
diff --git a/Material/files/Material/config/common/cinnamon/assets/calendar-arrow-right.svg b/Material/files/Material/config/common/cinnamon/assets/calendar-arrow-right.svg
new file mode 100644
index 000000000..ed66559d8
--- /dev/null
+++ b/Material/files/Material/config/common/cinnamon/assets/calendar-arrow-right.svg
@@ -0,0 +1,56 @@
+<?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="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="calendar-arrow-right.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata10">
+    <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>
+  <defs
+     id="defs8" />
+  <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="704"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M6 3v10l5-5z"
+     fill="#000000"
+     opacity="0.54"
+     id="path2"
+     style="fill:#e6e6e6" />
+</svg>
diff --git a/Material/files/Material/config/common/cinnamon/assets/checkbox-dark.svg b/Material/files/Material/config/common/cinnamon/assets/checkbox-dark.svg
new file mode 100644
index 000000000..65c19018f
--- /dev/null
+++ b/Material/files/Material/config/common/cinnamon/assets/checkbox-dark.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" fill="#dddddd" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/Material/files/Material/config/common/cinnamon/assets/checkbox-off.svg b/Material/files/Material/config/common/cinnamon/assets/checkbox-off.svg
new file mode 100644
index 000000000..110a32f88
--- /dev/null
+++ b/Material/files/Material/config/common/cinnamon/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" opacity=".54" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" fill="#dfdfdf"/>
+</svg>
diff --git a/Material/files/Material/config/common/cinnamon/assets/checkbox.svg b/Material/files/Material/config/common/cinnamon/assets/checkbox.svg
new file mode 100644
index 000000000..b3a73fa16
--- /dev/null
+++ b/Material/files/Material/config/common/cinnamon/assets/checkbox.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" fill="#333333" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/Material/files/Material/config/common/cinnamon/assets/close-active.svg b/Material/files/Material/config/common/cinnamon/assets/close-active.svg
new file mode 100644
index 000000000..0dde2b9d5
--- /dev/null
+++ b/Material/files/Material/config/common/cinnamon/assets/close-active.svg
@@ -0,0 +1,10 @@
+<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter839" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="0.32"/>
+  </filter>
+ </defs>
+ <circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter839)" opacity=".1" stroke-width="0"/>
+ <circle cx="9.4545" cy="9.4545" r="8" fill="#d8354a" stroke-width="0"/>
+ <path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/>
+</svg>
diff --git a/Material/files/Material/config/common/cinnamon/assets/close-hover.svg b/Material/files/Material/config/common/cinnamon/assets/close-hover.svg
new file mode 100644
index 000000000..37f8806a0
--- /dev/null
+++ b/Material/files/Material/config/common/cinnamon/assets/close-hover.svg
@@ -0,0 +1,10 @@
+<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter839" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="0.32"/>
+  </filter>
+ </defs>
+ <circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter839)" opacity=".1" stroke-width="0"/>
+ <circle cx="9.4545" cy="9.4545" r="8" fill="#ff7a80" stroke-width="0"/>
+ <path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/>
+</svg>
diff --git a/Material/files/Material/config/common/cinnamon/assets/close.svg b/Material/files/Material/config/common/cinnamon/assets/close.svg
new file mode 100644
index 000000000..5dcc697b9
--- /dev/null
+++ b/Material/files/Material/config/common/cinnamon/assets/close.svg
@@ -0,0 +1,10 @@
+<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="filter879" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="0.32"/>
+  </filter>
+ </defs>
+ <circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter879)" opacity=".1" stroke-width="0"/>
+ <circle cx="9.4545" cy="9.4545" r="8" fill="#f75a61" stroke-width="0"/>
+ <path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/>
+</svg>
diff --git a/Material/files/Material/config/common/cinnamon/assets/corner-ripple.svg b/Material/files/Material/config/common/cinnamon/assets/corner-ripple.svg
new file mode 100644
index 000000000..6440b6ca5
--- /dev/null
+++ b/Material/files/Material/config/common/cinnamon/assets/corner-ripple.svg
@@ -0,0 +1,5 @@
+<svg width="104" height="104" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -948.36)">
+  <circle id="corner-ripple" cx="52" cy="1000" r="48" fill="#333333" opacity=".25"/>
+ </g>
+</svg>
diff --git a/Material/files/Material/config/common/cinnamon/assets/radiobutton-dark.svg b/Material/files/Material/config/common/cinnamon/assets/radiobutton-dark.svg
new file mode 100644
index 000000000..375c388ae
--- /dev/null
+++ b/Material/files/Material/config/common/cinnamon/assets/radiobutton-dark.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="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z" fill="#dddddd"/>
+</svg>
diff --git a/Material/files/Material/config/common/cinnamon/assets/radiobutton-off.svg b/Material/files/Material/config/common/cinnamon/assets/radiobutton-off.svg
new file mode 100644
index 000000000..110a32f88
--- /dev/null
+++ b/Material/files/Material/config/common/cinnamon/assets/radiobutton-off.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" fill="#000000" opacity=".54" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" fill="#dfdfdf"/>
+</svg>
diff --git a/Material/files/Material/config/common/cinnamon/assets/radiobutton.svg b/Material/files/Material/config/common/cinnamon/assets/radiobutton.svg
new file mode 100644
index 000000000..27a8ab486
--- /dev/null
+++ b/Material/files/Material/config/common/cinnamon/assets/radiobutton.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="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z" fill="#333333"/>
+</svg>
diff --git a/Material/files/Material/config/common/cinnamon/assets/toggle-off.svg b/Material/files/Material/config/common/cinnamon/assets/toggle-off.svg
new file mode 100644
index 000000000..2341bc5e0
--- /dev/null
+++ b/Material/files/Material/config/common/cinnamon/assets/toggle-off.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m10 0c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle transform="scale(-1,1)" cx="-10" cy="10" r="5" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/Material/files/Material/config/common/cinnamon/assets/toggle-on-dark.svg b/Material/files/Material/config/common/cinnamon/assets/toggle-on-dark.svg
new file mode 100644
index 000000000..23f9373e1
--- /dev/null
+++ b/Material/files/Material/config/common/cinnamon/assets/toggle-on-dark.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <rect transform="scale(-1,1)" x="-40" y="-.019988" width="40" height="20" rx="10" ry="10" fill="#dddddd" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle cx="30" cy="9.98" r="5" fill="#333333" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/Material/files/Material/config/common/cinnamon/assets/toggle-on.svg b/Material/files/Material/config/common/cinnamon/assets/toggle-on.svg
new file mode 100644
index 000000000..510abf19a
--- /dev/null
+++ b/Material/files/Material/config/common/cinnamon/assets/toggle-on.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <rect transform="scale(-1,1)" x="-40" y="-.019988" width="40" height="20" rx="10" ry="10" fill="#333333" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle cx="30" cy="9.98" r="5" fill="#ffffff" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/Material/files/Material/config/common/cinnamon/assets/trash-icon.svg b/Material/files/Material/config/common/cinnamon/assets/trash-icon.svg
new file mode 100644
index 000000000..d78a123ee
--- /dev/null
+++ b/Material/files/Material/config/common/cinnamon/assets/trash-icon.svg
@@ -0,0 +1,6 @@
+<svg width="400" height="120" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -932.36)">
+  <rect x="10" y="942.36" width="380" height="160" rx="18" ry="18" fill="#4d4d4d" stroke-width="0"/>
+  <path class="ColorScheme-Text" d="m200 964.36c-4.4183 0-8 3.5817-8 8h-16v4h48v-4h-16c0-4.4183-3.5817-8-8-8zm0 4c2.2091 1e-5 4 1.7909 4 4h-8c1e-5 -2.2091 1.7909-4 4-4zm-20 12v32c0 4.4321 3.5679 8.0001 8 8.0001h24c4.4321 0 8-3.568 8-8.0001v-32h-38zm4 4h32v28c0 2.2161-1.7839 4.0001-4 4.0001h-24c-2.2161 0-4-1.784-4-4.0001z" fill="#ececec"/>
+ </g>
+</svg>
diff --git a/Material/files/Material/config/common/cinnamon/thumbnail.png b/Material/files/Material/config/common/cinnamon/thumbnail.png
new file mode 100644
index 000000000..7e1247e57
Binary files /dev/null and b/Material/files/Material/config/common/cinnamon/thumbnail.png differ
diff --git a/Material/files/Material/config/common/gnome-shell/assets/applogo.svg b/Material/files/Material/config/common/gnome-shell/assets/applogo.svg
new file mode 100644
index 000000000..7637e035d
--- /dev/null
+++ b/Material/files/Material/config/common/gnome-shell/assets/applogo.svg
@@ -0,0 +1,291 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   style="isolation:isolate"
+   width="256"
+   height="256"
+   viewBox="0 0 256 256"
+   version="1.1"
+   id="svg44"
+   sodipodi:docname="applogo6.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:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview46"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="2.5293854"
+     inkscape:cx="70.76818"
+     inkscape:cy="129.4781"
+     inkscape:window-width="1920"
+     inkscape:window-height="944"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg44" />
+  <defs
+     id="defs13">
+    <filter
+       id="rxmzpKZhS1Rg1bUBpXZWxPjgMjI9gn7l"
+       width="1.0842484"
+       height="1.1077841"
+       x="-0.042124196"
+       y="-0.045133094"
+       color-interpolation-filters="sRGB"
+       filterUnits="objectBoundingBox">
+      <feGaussianBlur
+         in="SourceGraphic"
+         stdDeviation="4.294"
+         id="feGaussianBlur2" />
+      <feOffset
+         dx="0"
+         dy="4"
+         result="pf_100_offsetBlur"
+         id="feOffset4" />
+      <feFlood
+         flood-opacity=".4"
+         id="feFlood6" />
+      <feComposite
+         in2="pf_100_offsetBlur"
+         operator="in"
+         result="pf_100_dropShadow"
+         id="feComposite8" />
+      <feBlend
+         in="SourceGraphic"
+         in2="pf_100_dropShadow"
+         mode="normal"
+         id="feBlend10" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4166"
+       id="linearGradient4172"
+       x1="1037.0122"
+       y1="589.11401"
+       x2="1043.105"
+       y2="108.17625"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.32354855,0,0,0.32354855,-174.6547,-11.205045)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4166">
+      <stop
+         style="stop-color:#c35781;stop-opacity:1"
+         offset="0"
+         id="stop4168" />
+      <stop
+         style="stop-color:#25458b;stop-opacity:1"
+         offset="1"
+         id="stop4170" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4205"
+       id="linearGradient4211"
+       x1="1090.6018"
+       y1="651.76404"
+       x2="1082.9858"
+       y2="414.90842"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.32354855,0,0,0.32354855,-174.6547,-11.205045)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4205">
+      <stop
+         style="stop-color:#bf73d3;stop-opacity:1"
+         offset="0"
+         id="stop4207" />
+      <stop
+         style="stop-color:#ff8428;stop-opacity:1"
+         offset="1"
+         id="stop4209" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4160"
+       id="linearGradient4167"
+       x1="843.57886"
+       y1="376.56763"
+       x2="821.90533"
+       y2="536.67523"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.32354855,0,0,0.32354855,-174.6547,-11.205045)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4160">
+      <stop
+         style="stop-color:#dca11f;stop-opacity:1"
+         offset="0"
+         id="stop4162" />
+      <stop
+         style="stop-color:#eab3b3;stop-opacity:1"
+         offset="1"
+         id="stop4164" />
+    </linearGradient>
+  </defs>
+  <g
+     filter="url(#rxmzpKZhS1Rg1bUBpXZWxPjgMjI9gn7l)"
+     id="g22"
+     style="fill:#343b58;fill-opacity:1">
+    <linearGradient
+       id="_lgradient_133"
+       x1=".567"
+       x2=".567"
+       y1="1.071"
+       y2="-.742"
+       gradientTransform="matrix(244.648,0,0,228.338,5.619,11.952)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0%"
+         style="stop-color:#333333"
+         id="stop15" />
+      <stop
+         offset="100%"
+         style="stop-color:#4d4d4d"
+         id="stop17" />
+    </linearGradient>
+    <path
+       fill="url(#_lgradient_133)"
+       d="M 165.628 11.952 C 239.684 11.952 250.267 22.509 250.267 96.495 L 250.267 155.746 C 250.267 229.733 239.684 240.29 165.628 240.29 L 90.259 240.29 C 16.203 240.29 5.619 229.733 5.619 155.746 L 5.619 96.495 C 5.619 22.509 16.203 11.952 90.259 11.952 L 165.628 11.952 Z"
+       id="path20"
+       style="fill:#343b58;fill-opacity:1" />
+  </g>
+  <linearGradient
+     id="_lgradient_134"
+     x1=".516"
+     x2=".52"
+     y1="1.651"
+     y2="-.013"
+     gradientTransform="matrix(145,0,0,145,55.5,55.5)"
+     gradientUnits="userSpaceOnUse">
+    <stop
+       offset="0%"
+       style="stop-color:#0575e6"
+       id="stop24" />
+    <stop
+       offset="100%"
+       style="stop-color:#00f260"
+       id="stop26" />
+  </linearGradient>
+  <g
+     opacity=".4"
+     id="g42">
+    <linearGradient
+       id="_lgradient_135"
+       x1=".517"
+       x2=".517"
+       y1="0"
+       y2="1"
+       gradientTransform="matrix(244.65,0,0,228.34,5.68,11.95)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0%"
+         style="stop-color:#ffffff"
+         id="stop31" />
+      <stop
+         offset="12.5%"
+         stop-opacity=".098"
+         style="stop-color:#ffffff"
+         id="stop33" />
+      <stop
+         offset="92.5%"
+         stop-opacity=".098"
+         style="stop-color:#000000"
+         id="stop35" />
+      <stop
+         offset="100%"
+         stop-opacity=".498"
+         style="stop-color:#000000"
+         id="stop37" />
+    </linearGradient>
+    <path
+       fill="url(#_lgradient_135)"
+       fill-rule="evenodd"
+       d="M 165.068 11.951 C 169.396 11.941 173.724 11.991 178.052 12.089 C 181.927 12.167 185.803 12.315 189.678 12.541 C 193.131 12.737 196.583 13.022 200.026 13.395 C 203.085 13.73 206.144 14.181 209.174 14.741 C 211.889 15.243 214.574 15.881 217.22 16.657 C 219.62 17.355 221.971 18.219 224.243 19.241 C 226.358 20.184 228.384 21.304 230.302 22.591 C 232.142 23.829 233.863 25.244 235.437 26.806 C 237.001 28.378 238.417 30.088 239.656 31.925 C 240.945 33.841 242.066 35.865 243.02 37.967 C 244.043 40.247 244.909 42.585 245.617 44.972 C 246.394 47.615 247.034 50.297 247.535 53.009 C 248.096 56.035 248.548 59.081 248.883 62.136 C 249.257 65.575 249.542 69.014 249.739 72.462 C 249.965 76.323 250.112 80.194 250.201 84.055 C 250.289 88.378 250.339 92.701 250.329 97.014 L 250.329 155.226 C 250.339 159.549 250.289 163.862 250.201 168.185 C 250.112 172.056 249.965 175.917 249.739 179.778 C 249.542 183.226 249.257 186.675 248.883 190.104 C 248.548 193.159 248.096 196.215 247.535 199.241 C 247.034 201.943 246.394 204.625 245.617 207.268 C 244.909 209.655 244.043 212.003 243.02 214.273 C 242.066 216.385 240.945 218.399 239.656 220.315 C 238.417 222.152 237.001 223.872 235.437 225.434 C 233.863 226.996 232.142 228.411 230.302 229.649 C 228.384 230.936 226.358 232.056 224.243 232.999 C 221.971 234.021 219.62 234.885 217.22 235.593 C 214.574 236.369 211.889 237.007 209.174 237.499 C 206.144 238.068 203.085 238.51 200.026 238.845 C 196.583 239.218 193.131 239.503 189.678 239.699 C 185.803 239.925 181.927 240.073 178.052 240.161 C 173.724 240.249 169.396 240.299 165.068 240.289 L 90.942 240.289 C 86.614 240.299 82.286 240.249 77.958 240.161 C 74.083 240.073 70.207 239.925 66.332 239.699 C 62.879 239.503 59.427 239.218 55.984 238.845 C 52.925 238.51 49.866 238.068 46.836 237.499 C 44.121 237.007 41.436 236.369 38.79 235.593 C 36.39 234.885 34.039 234.021 31.767 232.999 C 29.652 232.056 27.626 230.936 25.708 229.649 C 23.868 228.411 22.147 226.996 20.573 225.434 C 19.009 223.872 17.593 222.152 16.354 220.315 C 15.065 218.399 13.944 216.385 12.99 214.273 C 11.967 212.003 11.101 209.655 10.393 207.268 C 9.616 204.625 8.976 201.943 8.475 199.241 C 7.914 196.215 7.462 193.159 7.127 190.104 C 6.753 186.675 6.468 183.226 6.271 179.778 C 6.045 175.917 5.898 172.056 5.809 168.185 C 5.721 163.862 5.671 159.549 5.681 155.226 L 5.681 97.014 C 5.671 92.701 5.721 88.378 5.809 84.055 C 5.898 80.194 6.045 76.323 6.271 72.462 C 6.468 69.014 6.753 65.575 7.127 62.136 C 7.462 59.081 7.914 56.035 8.475 53.009 C 8.976 50.297 9.616 47.615 10.393 44.972 C 11.101 42.585 11.967 40.247 12.99 37.967 C 13.944 35.865 15.065 33.841 16.354 31.925 C 17.593 30.088 19.009 28.378 20.573 26.806 C 22.147 25.244 23.868 23.829 25.708 22.591 C 27.626 21.304 29.652 20.184 31.767 19.241 C 34.039 18.219 36.39 17.355 38.79 16.657 C 41.436 15.881 44.121 15.243 46.836 14.741 C 49.866 14.181 52.925 13.73 55.984 13.395 C 59.427 13.022 62.879 12.737 66.332 12.541 C 70.207 12.315 74.083 12.167 77.958 12.089 C 82.286 11.991 86.614 11.941 90.942 11.951 L 165.068 11.951 Z M 165.078 15.96 C 169.376 15.95 173.675 15.999 177.973 16.087 C 181.8 16.176 185.626 16.323 189.452 16.539 C 192.836 16.736 196.219 17.011 199.583 17.384 C 202.554 17.699 205.515 18.131 208.446 18.681 C 211.023 19.153 213.58 19.762 216.099 20.499 C 218.322 21.147 220.495 21.953 222.6 22.896 C 224.509 23.751 226.338 24.763 228.069 25.922 C 229.692 27.013 231.207 28.26 232.594 29.646 C 233.981 31.031 235.23 32.544 236.332 34.165 C 237.492 35.894 238.506 37.712 239.361 39.608 C 240.306 41.72 241.112 43.892 241.761 46.102 C 242.509 48.617 243.109 51.162 243.591 53.736 C 244.132 56.664 244.565 59.611 244.889 62.578 C 245.263 65.938 245.539 69.308 245.735 72.688 C 245.952 76.51 246.109 80.322 246.188 84.144 C 246.276 88.437 246.325 92.721 246.325 97.014 C 246.325 97.014 246.325 97.014 246.325 97.014 L 246.325 155.226 C 246.325 155.226 246.325 155.226 246.325 155.226 C 246.325 159.519 246.276 163.803 246.188 168.096 C 246.109 171.918 245.952 175.74 245.735 179.552 C 245.539 182.932 245.263 186.302 244.889 189.672 C 244.565 192.629 244.132 195.576 243.591 198.504 C 243.109 201.078 242.509 203.623 241.761 206.138 C 241.112 208.358 240.306 210.52 239.361 212.632 C 238.506 214.528 237.492 216.356 236.332 218.075 C 235.23 219.706 233.981 221.219 232.594 222.604 C 231.207 223.98 229.692 225.227 228.069 226.318 C 226.338 227.477 224.509 228.489 222.6 229.344 C 220.495 230.297 218.322 231.093 216.099 231.741 C 213.58 232.478 211.023 233.087 208.446 233.559 C 205.515 234.109 202.554 234.541 199.583 234.865 C 196.219 235.229 192.836 235.514 189.452 235.701 C 185.626 235.917 181.8 236.074 177.973 236.153 C 173.675 236.251 169.376 236.29 165.078 236.29 C 165.078 236.29 165.078 236.29 165.068 236.29 L 90.942 236.29 C 90.932 236.29 90.932 236.29 90.932 236.29 C 86.634 236.29 82.335 236.251 78.037 236.153 C 74.21 236.074 70.384 235.917 66.558 235.701 C 63.174 235.514 59.791 235.229 56.427 234.865 C 53.456 234.541 50.495 234.109 47.564 233.559 C 44.987 233.087 42.43 232.478 39.911 231.741 C 37.688 231.093 35.515 230.297 33.41 229.344 C 31.501 228.489 29.672 227.477 27.941 226.318 C 26.318 225.227 24.803 223.98 23.416 222.604 C 22.029 221.219 20.78 219.706 19.678 218.075 C 18.518 216.356 17.504 214.528 16.649 212.632 C 15.704 210.52 14.898 208.358 14.249 206.138 C 13.501 203.623 12.901 201.078 12.419 198.504 C 11.878 195.576 11.445 192.629 11.121 189.672 C 10.747 186.302 10.472 182.932 10.275 179.552 C 10.058 175.74 9.901 171.918 9.822 168.096 C 9.734 163.803 9.685 159.519 9.685 155.226 C 9.685 155.226 9.685 155.226 9.685 155.226 L 9.685 97.014 C 9.685 97.014 9.685 97.014 9.685 97.014 C 9.685 92.721 9.734 88.437 9.822 84.144 C 9.901 80.322 10.058 76.51 10.275 72.688 C 10.472 69.308 10.747 65.938 11.121 62.578 C 11.445 59.611 11.878 56.664 12.419 53.736 C 12.901 51.162 13.501 48.617 14.249 46.102 C 14.898 43.892 15.704 41.72 16.649 39.608 C 17.504 37.712 18.518 35.894 19.678 34.165 C 20.78 32.544 22.029 31.031 23.416 29.646 C 24.803 28.26 26.318 27.013 27.941 25.922 C 29.672 24.763 31.501 23.751 33.41 22.896 C 35.515 21.953 37.688 21.147 39.911 20.499 C 42.43 19.762 44.987 19.153 47.564 18.681 C 50.495 18.131 53.456 17.699 56.427 17.384 C 59.791 17.011 63.174 16.736 66.558 16.539 C 70.384 16.323 74.21 16.176 78.037 16.087 C 82.335 15.999 86.634 15.95 90.932 15.96 C 90.932 15.96 90.932 15.96 90.942 15.96 L 165.068 15.96 C 165.078 15.96 165.078 15.96 165.078 15.96 Z"
+       id="path40" />
+  </g>
+  <g
+     id="g1599"
+     transform="matrix(1.0348995,0,0,1.0348995,-4.4651488,-4.4713569)">
+    <circle
+       style="fill:url(#linearGradient4172);fill-opacity:1;stroke:none;stroke-width:0.323549"
+       id="path4164"
+       cx="125.3817"
+       cy="128.121"
+       r="85.649734" />
+    <path
+       style="fill:url(#linearGradient4211);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 174.92511,162.64428 12.34157,5.09278 5.10258,-1.93702 6.55646,3.01886 -4.74048,8.02523 -17.37999,17.95124 -13.93187,-25.82581 z"
+       id="path4201"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccc" />
+    <path
+       style="fill:url(#linearGradient4167);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.20266px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 95.220219,104.1226 c -13.414174,-1.13822 -38.494654,17.39213 -49.755742,35.196 5.517522,40.42426 39.617452,70.54458 79.917123,70.59046 18.33627,-0.006 36.12495,-6.32892 50.44136,-17.9304 -1.55786,-11.95524 -6.9009,-23.30851 -20.35324,-38.78033 -16.41408,-19.17735 -41.63363,-45.97015 -60.249501,-49.07573 z"
+       id="path3342"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccc" />
+    <path
+       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 125.38169,39.596232 A 87.421061,88.524876 0 0 0 37.960681,128.121 87.421061,88.524876 0 0 0 125.38169,216.64578 87.421061,88.524876 0 0 0 212.80271,128.121 87.421061,88.524876 0 0 0 125.38169,39.596232 Z m 0,7.239965 A 80.271247,81.284782 0 0 1 205.6529,128.121 80.271247,81.284782 0 0 1 125.38169,209.40581 80.271247,81.284782 0 0 1 45.110489,128.121 80.271247,81.284782 0 0 1 125.38169,46.836197 Z"
+       id="path3453"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 122.08545,73.426552 c -2.63242,0.02902 -5.38099,0.228079 -8.27134,0.652151 -20.900303,3.066496 -34.290467,11.321795 -51.446114,32.026257 -6.970284,8.41215 -13.13037,18.55126 -17.536713,26.33445 0.153022,2.87365 0.455718,5.73712 0.906822,8.57846 12.039196,-16.66062 45.556924,-41.294482 53.103037,-30.43442 8.639788,12.43403 -16.248744,29.71622 -12.907818,34.41369 3.579839,5.03338 19.258646,-2.95449 33.809556,-3.9995 16.24493,-1.16665 24.87558,3.85993 35.72684,12.20069 -2.73286,-5.15665 -4.52515,-8.92309 -5.56478,-12.62092 -2.16097,-7.68645 3.60676,-14.831 5.76382,-19.03754 3.42716,-6.68326 6.31337,-15.99432 11.40826,-21.02055 8.91706,-8.796919 24.48441,-13.349826 38.23878,-17.913974 4.30449,-1.428366 8.1201,-1.125871 12.60953,-2.109384 -4.16653,-2.325638 -9.36712,-3.187099 -13.61496,-3.250023 -22.64416,-0.3354 -36.44405,3.095939 -45.58242,2.100539 -11.59033,-1.26248 -22.42743,-6.076601 -36.6425,-5.919926 z"
+       id="path3481"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssccssscsssscsss" />
+    <ellipse
+       style="fill:#c8b7b7;fill-opacity:1;stroke:none;stroke-width:0.302252"
+       id="path3485"
+       cx="142.8614"
+       cy="71.206673"
+       rx="5.9839044"
+       ry="5.9307613"
+       transform="rotate(11.377029)" />
+    <path
+       sodipodi:nodetypes="cscc"
+       inkscape:connector-curvature="0"
+       id="path4068"
+       d="m 146.91184,100.77154 c 4.80047,-2.489525 7.12019,-4.559505 18.33208,-7.360652 10.88389,-2.719193 24.42329,-9.29191 35.31597,-11.84299 -18.6361,2.245588 -41.12133,6.946661 -53.64805,19.203642 z"
+       style="fill:#c8b7b7;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.234781px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       style="fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 68.208299,152.19546 c -3.84395,-0.0683 -13.067139,4.09601 -17.792012,6.27317 a 80.768521,81.788333 0 0 0 9.044195,16.73669 c 2.717649,-11.46999 12.121856,-19.43198 10.321325,-22.39942 -0.248994,-0.41036 -0.800631,-0.59672 -1.573508,-0.61044 z"
+       id="path4152"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#181818;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 170.34321,91.948772 c 9.74499,-2.715631 26.55754,-9.346742 38.81741,-10.893893 -2.25746,-0.421293 -6.34297,0.272489 -8.60073,0.513028 -12.10683,2.396987 -23.92415,7.224464 -30.21668,10.380874 z"
+       id="path4179"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.323549;stroke-opacity:1"
+       id="path4181"
+       cx="104.98782"
+       cy="62.369961"
+       r="1.1263562" />
+    <circle
+       r="0.79609054"
+       cy="58.260956"
+       cx="111.54447"
+       id="circle4187"
+       style="fill:#acaad1;fill-opacity:1;stroke:none;stroke-width:0.323549;stroke-opacity:1" />
+    <circle
+       style="fill:#7572b2;fill-opacity:1;stroke:none;stroke-width:0.323549;stroke-opacity:1"
+       id="circle4213"
+       cx="161.0078"
+       cy="69.400787"
+       r="0.79609054" />
+  </g>
+</svg>
diff --git a/Material/files/Material/config/common/gnome-shell/assets/calendar-arrow-left.svg b/Material/files/Material/config/common/gnome-shell/assets/calendar-arrow-left.svg
new file mode 100644
index 000000000..ec8b4783d
--- /dev/null
+++ b/Material/files/Material/config/common/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" fill="#FFFFFF" opacity="0.7">
+  <path d="m10 3v10l-5-5z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gnome-shell/assets/calendar-arrow-right.svg b/Material/files/Material/config/common/gnome-shell/assets/calendar-arrow-right.svg
new file mode 100644
index 000000000..6fc5556fb
--- /dev/null
+++ b/Material/files/Material/config/common/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" fill="#FFFFFF" opacity="0.7">
+  <path d="m6 3v10l5-5z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gnome-shell/assets/calendar-today.svg b/Material/files/Material/config/common/gnome-shell/assets/calendar-today.svg
new file mode 100644
index 000000000..5e77084c7
--- /dev/null
+++ b/Material/files/Material/config/common/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/Material/files/Material/config/common/gnome-shell/assets/checkbox-dark.svg b/Material/files/Material/config/common/gnome-shell/assets/checkbox-dark.svg
new file mode 100644
index 000000000..8dac47578
--- /dev/null
+++ b/Material/files/Material/config/common/gnome-shell/assets/checkbox-dark.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   fill="#000000"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="checkbox-dark.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:zoom="23.125"
+     inkscape:cx="9.427027"
+     inkscape:cy="12"
+     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="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z"
+     fill="#616161"
+     style="paint-order:stroke fill markers;fill:#e0e0e0;fill-opacity:1"
+     id="path2" />
+</svg>
diff --git a/Material/files/Material/config/common/gnome-shell/assets/checkbox-off.svg b/Material/files/Material/config/common/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 000000000..0c5e5a0a8
--- /dev/null
+++ b/Material/files/Material/config/common/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" fill="#FFFFFF" opacity="0.7">
+  <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"/>
+</svg>
diff --git a/Material/files/Material/config/common/gnome-shell/assets/checkbox.svg b/Material/files/Material/config/common/gnome-shell/assets/checkbox.svg
new file mode 100644
index 000000000..0f79f2b20
--- /dev/null
+++ b/Material/files/Material/config/common/gnome-shell/assets/checkbox.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   fill="#000000"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="checkbox.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:zoom="23.125"
+     inkscape:cx="12"
+     inkscape:cy="12"
+     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="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z"
+     fill="#616161"
+     style="paint-order:stroke fill markers;fill:#333333"
+     id="path2" />
+</svg>
diff --git a/Material/files/Material/config/common/gnome-shell/assets/dash-placeholder.svg b/Material/files/Material/config/common/gnome-shell/assets/dash-placeholder.svg
new file mode 100644
index 000000000..172156ae8
--- /dev/null
+++ b/Material/files/Material/config/common/gnome-shell/assets/dash-placeholder.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF">
+  <circle cx="12" cy="12" r="12" opacity="0.3"/>
+  <circle cx="12" cy="12" r="4"/>
+</svg>
diff --git a/Material/files/Material/config/common/gnome-shell/assets/no-events.svg b/Material/files/Material/config/common/gnome-shell/assets/no-events.svg
new file mode 100644
index 000000000..239177d1b
--- /dev/null
+++ b/Material/files/Material/config/common/gnome-shell/assets/no-events.svg
@@ -0,0 +1,82 @@
+<?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="48"
+   height="48"
+   viewBox="0 0 48 48"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="no-events.svg">
+  <metadata
+     id="metadata12">
+    <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 />
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1413"
+     inkscape:window-height="955"
+     id="namedview8"
+     showgrid="true"
+     inkscape:zoom="4.9166667"
+     inkscape:cx="-16.677966"
+     inkscape:cy="15.864407"
+     inkscape:window-x="46"
+     inkscape:window-y="71"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4134" />
+  </sodipodi:namedview>
+  <path
+     d="M0 0h48v48H0z"
+     fill="none"
+     id="path4" />
+  <path
+     d="m 38,6 -2,0 0,-4 -4,0 0,4 -16,0 0,-4 -4,0 0,4 -2,0 C 7.79,6 6.02,7.79 6.02,10 L 6,38 c 0,2.21 1.79,4 4,4 l 28,0 c 2.21,0 4,-1.79 4,-4 L 42,10 C 42,7.79 40.21,6 38,6 Z m 0,32 -28,0 0,-22 28,0 z"
+     id="path6"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="sccccccccsccsssssccccc"
+     style="fill:#f5f5f5;fill-opacity:1;opacity:0.54" />
+</svg>
diff --git a/Material/files/Material/config/common/gnome-shell/assets/no-notifications.svg b/Material/files/Material/config/common/gnome-shell/assets/no-notifications.svg
new file mode 100644
index 000000000..ae09f92c0
--- /dev/null
+++ b/Material/files/Material/config/common/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" fill="#FFFFFF" opacity="0.5">
+  <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"/>
+</svg>
diff --git a/Material/files/Material/config/common/gnome-shell/assets/noise-texture.svg b/Material/files/Material/config/common/gnome-shell/assets/noise-texture.svg
new file mode 100644
index 000000000..484f6c874
--- /dev/null
+++ b/Material/files/Material/config/common/gnome-shell/assets/noise-texture.svg
@@ -0,0 +1,78 @@
+<?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="1600"
+   height="900"
+   viewBox="0 0 1600 900"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="noise-texture.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <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="698"
+     id="namedview15"
+     showgrid="false"
+     inkscape:zoom="0.26222222"
+     inkscape:cx="647.80786"
+     inkscape:cy="422.79535"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <defs
+     id="defs9">
+    <radialGradient
+       id="a"
+       gradientTransform="matrix(1 1 -1 1 0.5 -0.5)">
+      <stop
+         stop-color="#455A64"
+         stop-opacity="0"
+         offset="0.25"
+         id="stop2"
+         style="stop-color:#444444;stop-opacity:0" />
+      <stop
+         stop-color="#455A64"
+         stop-opacity="0.5"
+         offset="0.75"
+         id="stop4"
+         style="stop-color:#444444;stop-opacity:0.50196081" />
+      <stop
+         stop-color="#455A64"
+         stop-opacity="1"
+         offset="1"
+         id="stop6"
+         style="stop-color:#444444;stop-opacity:1" />
+    </radialGradient>
+  </defs>
+  <rect
+     width="1600"
+     height="900"
+     fill="url(#a)"
+     id="rect11" />
+</svg>
diff --git a/Material/files/Material/config/common/gnome-shell/assets/process-working.svg b/Material/files/Material/config/common/gnome-shell/assets/process-working.svg
new file mode 100644
index 000000000..eedadce9f
--- /dev/null
+++ b/Material/files/Material/config/common/gnome-shell/assets/process-working.svg
@@ -0,0 +1,308 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="512"
+   height="32"
+   viewBox="0 0 512 32"
+   version="1.1"
+   id="svg137"
+   sodipodi:docname="process-working.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:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview139"
+     pagecolor="#5b5b5b"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="2.4882813"
+     inkscape:cx="361.49451"
+     inkscape:cy="6.6310832"
+     inkscape:window-width="1368"
+     inkscape:window-height="700"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg137" />
+  <defs
+     id="defs7">
+    <g
+       id="g"
+       fill="#FFFFFF"
+       opacity="0.7">
+      <circle
+         cx="8"
+         cy="8"
+         r="8"
+         fill="none"
+         id="circle2" />
+      <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"
+         id="path4"
+         fill="#f5f5f5" />
+    </g>
+  </defs>
+  <use
+     xlink:href="#g"
+     transform="translate(0) rotate(0 8 8)"
+     id="use9" />
+  <use
+     xlink:href="#g"
+     transform="translate(16) rotate(5.625 8 8)"
+     id="use11" />
+  <use
+     xlink:href="#g"
+     transform="translate(32) rotate(11.25 8 8)"
+     id="use13" />
+  <use
+     xlink:href="#g"
+     transform="translate(48) rotate(16.875 8 8)"
+     id="use15" />
+  <use
+     xlink:href="#g"
+     transform="translate(64) rotate(22.5 8 8)"
+     id="use17" />
+  <use
+     xlink:href="#g"
+     transform="translate(80) rotate(28.125 8 8)"
+     id="use19" />
+  <use
+     xlink:href="#g"
+     transform="translate(96) rotate(33.75 8 8)"
+     id="use21" />
+  <use
+     xlink:href="#g"
+     transform="translate(112) rotate(39.375 8 8)"
+     id="use23" />
+  <use
+     xlink:href="#g"
+     transform="translate(128) rotate(45 8 8)"
+     id="use25" />
+  <use
+     xlink:href="#g"
+     transform="translate(144) rotate(50.625 8 8)"
+     id="use27" />
+  <use
+     xlink:href="#g"
+     transform="translate(160) rotate(56.25 8 8)"
+     id="use29" />
+  <use
+     xlink:href="#g"
+     transform="translate(176) rotate(61.875 8 8)"
+     id="use31" />
+  <use
+     xlink:href="#g"
+     transform="translate(192) rotate(67.5 8 8)"
+     id="use33" />
+  <use
+     xlink:href="#g"
+     transform="translate(208) rotate(73.125 8 8)"
+     id="use35" />
+  <use
+     xlink:href="#g"
+     transform="translate(224) rotate(78.75 8 8)"
+     id="use37" />
+  <use
+     xlink:href="#g"
+     transform="translate(240) rotate(84.375 8 8)"
+     id="use39" />
+  <use
+     xlink:href="#g"
+     transform="translate(256) rotate(90 8 8)"
+     id="use41" />
+  <use
+     xlink:href="#g"
+     transform="translate(272) rotate(95.625 8 8)"
+     id="use43" />
+  <use
+     xlink:href="#g"
+     transform="translate(288) rotate(101.25 8 8)"
+     id="use45" />
+  <use
+     xlink:href="#g"
+     transform="translate(304) rotate(106.875 8 8)"
+     id="use47" />
+  <use
+     xlink:href="#g"
+     transform="translate(320) rotate(112.5 8 8)"
+     id="use49" />
+  <use
+     xlink:href="#g"
+     transform="translate(336) rotate(118.125 8 8)"
+     id="use51" />
+  <use
+     xlink:href="#g"
+     transform="translate(352) rotate(123.75 8 8)"
+     id="use53" />
+  <use
+     xlink:href="#g"
+     transform="translate(368) rotate(129.375 8 8)"
+     id="use55" />
+  <use
+     xlink:href="#g"
+     transform="translate(384) rotate(135 8 8)"
+     id="use57" />
+  <use
+     xlink:href="#g"
+     transform="translate(400) rotate(140.625 8 8)"
+     id="use59" />
+  <use
+     xlink:href="#g"
+     transform="translate(416) rotate(146.25 8 8)"
+     id="use61" />
+  <use
+     xlink:href="#g"
+     transform="translate(432) rotate(151.875 8 8)"
+     id="use63" />
+  <use
+     xlink:href="#g"
+     transform="translate(448) rotate(157.5 8 8)"
+     id="use65" />
+  <use
+     xlink:href="#g"
+     transform="translate(464) rotate(163.125 8 8)"
+     id="use67" />
+  <use
+     xlink:href="#g"
+     transform="translate(480) rotate(168.75 8 8)"
+     id="use69" />
+  <use
+     xlink:href="#g"
+     transform="translate(496) rotate(174.375 8 8)"
+     id="use71" />
+  <use
+     xlink:href="#g"
+     transform="translate(0 16) rotate(180 8 8)"
+     id="use73" />
+  <use
+     xlink:href="#g"
+     transform="translate(16 16) rotate(185.625 8 8)"
+     id="use75" />
+  <use
+     xlink:href="#g"
+     transform="translate(32 16) rotate(191.25 8 8)"
+     id="use77" />
+  <use
+     xlink:href="#g"
+     transform="translate(48 16) rotate(196.875 8 8)"
+     id="use79" />
+  <use
+     xlink:href="#g"
+     transform="translate(64 16) rotate(202.5 8 8)"
+     id="use81" />
+  <use
+     xlink:href="#g"
+     transform="translate(80 16) rotate(208.125 8 8)"
+     id="use83" />
+  <use
+     xlink:href="#g"
+     transform="translate(96 16) rotate(213.75 8 8)"
+     id="use85" />
+  <use
+     xlink:href="#g"
+     transform="translate(112 16) rotate(219.375 8 8)"
+     id="use87" />
+  <use
+     xlink:href="#g"
+     transform="translate(128 16) rotate(225 8 8)"
+     id="use89" />
+  <use
+     xlink:href="#g"
+     transform="translate(144 16) rotate(230.625 8 8)"
+     id="use91" />
+  <use
+     xlink:href="#g"
+     transform="translate(160 16) rotate(236.25 8 8)"
+     id="use93" />
+  <use
+     xlink:href="#g"
+     transform="translate(176 16) rotate(241.875 8 8)"
+     id="use95" />
+  <use
+     xlink:href="#g"
+     transform="translate(192 16) rotate(247.5 8 8)"
+     id="use97" />
+  <use
+     xlink:href="#g"
+     transform="translate(208 16) rotate(253.125 8 8)"
+     id="use99" />
+  <use
+     xlink:href="#g"
+     transform="translate(224 16) rotate(258.75 8 8)"
+     id="use101" />
+  <use
+     xlink:href="#g"
+     transform="translate(240 16) rotate(264.375 8 8)"
+     id="use103" />
+  <use
+     xlink:href="#g"
+     transform="translate(256 16) rotate(270 8 8)"
+     id="use105" />
+  <use
+     xlink:href="#g"
+     transform="translate(272 16) rotate(275.625 8 8)"
+     id="use107" />
+  <use
+     xlink:href="#g"
+     transform="translate(288 16) rotate(281.25 8 8)"
+     id="use109" />
+  <use
+     xlink:href="#g"
+     transform="translate(304 16) rotate(286.875 8 8)"
+     id="use111" />
+  <use
+     xlink:href="#g"
+     transform="translate(320 16) rotate(292.5 8 8)"
+     id="use113" />
+  <use
+     xlink:href="#g"
+     transform="translate(336 16) rotate(298.125 8 8)"
+     id="use115" />
+  <use
+     xlink:href="#g"
+     transform="translate(352 16) rotate(303.75 8 8)"
+     id="use117" />
+  <use
+     xlink:href="#g"
+     transform="translate(368 16) rotate(309.375 8 8)"
+     id="use119" />
+  <use
+     xlink:href="#g"
+     transform="translate(384 16) rotate(315 8 8)"
+     id="use121" />
+  <use
+     xlink:href="#g"
+     transform="translate(400 16) rotate(320.625 8 8)"
+     id="use123" />
+  <use
+     xlink:href="#g"
+     transform="translate(416 16) rotate(326.25 8 8)"
+     id="use125" />
+  <use
+     xlink:href="#g"
+     transform="translate(432 16) rotate(331.875 8 8)"
+     id="use127" />
+  <use
+     xlink:href="#g"
+     transform="translate(448 16) rotate(337.5 8 8)"
+     id="use129" />
+  <use
+     xlink:href="#g"
+     transform="translate(464 16) rotate(343.125 8 8)"
+     id="use131" />
+  <use
+     xlink:href="#g"
+     transform="translate(480 16) rotate(348.75 8 8)"
+     id="use133" />
+  <use
+     xlink:href="#g"
+     transform="translate(496 16) rotate(354.375 8 8)"
+     id="use135" />
+</svg>
diff --git a/Material/files/Material/config/common/gnome-shell/assets/toggle-off-dark.svg b/Material/files/Material/config/common/gnome-shell/assets/toggle-off-dark.svg
new file mode 100644
index 000000000..2341bc5e0
--- /dev/null
+++ b/Material/files/Material/config/common/gnome-shell/assets/toggle-off-dark.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m10 0c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle transform="scale(-1,1)" cx="-10" cy="10" r="5" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/Material/files/Material/config/common/gnome-shell/assets/toggle-off.svg b/Material/files/Material/config/common/gnome-shell/assets/toggle-off.svg
new file mode 100644
index 000000000..3acc14ac4
--- /dev/null
+++ b/Material/files/Material/config/common/gnome-shell/assets/toggle-off.svg
@@ -0,0 +1,6 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -1032.4)" fill="#000000" stroke-width="0">
+  <path d="m10 1032.4c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" opacity=".5" style="paint-order:stroke fill markers"/>
+  <circle transform="scale(-1,1)" cx="-10" cy="1042.4" r="5" opacity=".5" style="paint-order:stroke fill markers"/>
+ </g>
+</svg>
diff --git a/Material/files/Material/config/common/gnome-shell/assets/toggle-on-dark.svg b/Material/files/Material/config/common/gnome-shell/assets/toggle-on-dark.svg
new file mode 100644
index 000000000..c2fca8fc9
--- /dev/null
+++ b/Material/files/Material/config/common/gnome-shell/assets/toggle-on-dark.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="20"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="toggle-on-dark.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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="13.875"
+     inkscape:cx="10.27027"
+     inkscape:cy="15.891892"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <rect
+     transform="scale(-1,1)"
+     x="-40"
+     y="-.019988"
+     width="40"
+     height="20"
+     rx="10"
+     ry="10"
+     fill="#616161"
+     stroke-width="0"
+     style="paint-order:stroke fill markers;fill:#e0e0e0;fill-opacity:1"
+     id="rect2" />
+  <circle
+     cx="30"
+     cy="9.98"
+     r="5"
+     fill="#ffffff"
+     stroke-width="0"
+     style="paint-order:stroke fill markers;fill:#333333"
+     id="circle4" />
+</svg>
diff --git a/Material/files/Material/config/common/gnome-shell/assets/toggle-on.svg b/Material/files/Material/config/common/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 000000000..f0df9e4bb
--- /dev/null
+++ b/Material/files/Material/config/common/gnome-shell/assets/toggle-on.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="20"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="toggle-on.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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="13.875"
+     inkscape:cx="14.594595"
+     inkscape:cy="15.891892"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <rect
+     transform="scale(-1,1)"
+     x="-40"
+     y="-.019988"
+     width="40"
+     height="20"
+     rx="10"
+     ry="10"
+     fill="#616161"
+     stroke-width="0"
+     style="paint-order:stroke fill markers;fill:#333333;fill-opacity:1"
+     id="rect2" />
+  <circle
+     cx="30"
+     cy="9.98"
+     r="5"
+     fill="#ffffff"
+     stroke-width="0"
+     style="paint-order:stroke fill markers"
+     id="circle4" />
+</svg>
diff --git a/Material/files/Material/config/common/gnome-shell/no-events.svg b/Material/files/Material/config/common/gnome-shell/no-events.svg
new file mode 120000
index 000000000..d2fcad086
--- /dev/null
+++ b/Material/files/Material/config/common/gnome-shell/no-events.svg
@@ -0,0 +1 @@
+assets/no-events.svg
\ No newline at end of file
diff --git a/Material/files/Material/config/common/gnome-shell/no-notifications.svg b/Material/files/Material/config/common/gnome-shell/no-notifications.svg
new file mode 120000
index 000000000..175731c18
--- /dev/null
+++ b/Material/files/Material/config/common/gnome-shell/no-notifications.svg
@@ -0,0 +1 @@
+assets/no-notifications.svg
\ No newline at end of file
diff --git a/Material/files/Material/config/common/gnome-shell/pad-osd.css b/Material/files/Material/config/common/gnome-shell/pad-osd.css
new file mode 100644
index 000000000..17604502a
--- /dev/null
+++ b/Material/files/Material/config/common/gnome-shell/pad-osd.css
@@ -0,0 +1,31 @@
+.Leader {
+  stroke-width: 0.5 !important;
+  stroke: #515772;
+  fill: none !important;
+}
+
+.Button {
+  stroke-width: 0.25;
+  stroke: #eeffff;
+  fill: #eeffff;
+}
+
+.Ring {
+  stroke-width: 0.5 !important;
+  stroke: #515772 !important;
+  fill: none !important;
+}
+
+.Label {
+  stroke: none !important;
+  stroke-width: 0.1 !important;
+  font-size: 0.1 !important;
+  fill: transparent !important;
+}
+
+.TouchStrip,
+.TouchRing {
+  stroke-width: 0.1 !important;
+  stroke: #eeffff !important;
+  fill: #515772 !important;
+}
diff --git a/Material/files/Material/config/common/gnome-shell/process-working.svg b/Material/files/Material/config/common/gnome-shell/process-working.svg
new file mode 120000
index 000000000..a6586c30c
--- /dev/null
+++ b/Material/files/Material/config/common/gnome-shell/process-working.svg
@@ -0,0 +1 @@
+assets/process-working.svg
\ No newline at end of file
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/check-symbolic.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/check-symbolic.svg
new file mode 100644
index 000000000..f2fc5ef1e
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/check-symbolic.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg17087"
+   sodipodi:docname="check-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="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="19.67"
+     inkscape:cx="-1.6522623"
+     inkscape:cy="11.006609"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 15.5898,4.5801 17,6 8,15 3,10 4.4102,8.5898 8,12.1699 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/check-symbolic@2.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/check-symbolic@2.svg
new file mode 100644
index 000000000..464c67eeb
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/check-symbolic@2.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17087"
+   sodipodi:docname="check-symbolic@2.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="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="9.835"
+     inkscape:cx="-16.624301"
+     inkscape:cy="15.302491"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 31.1796,9.1602 34,12 16,30 6,20 8.8204,17.1796 16,24.3398 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg
new file mode 100644
index 000000000..ad580858a
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/checkbox-checked-symbolic.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="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm5.5898 4.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801 7.5898-7.5898z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg
new file mode 100644
index 000000000..b12be3edc
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.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="m12 2c-5.52 0-10 4.48-10 10 0 5.52 4.48 10 10 10 5.52 0 10-4.48 10-10 0-5.52-4.48-10-10-10zm-5 9h10v2h-10v-2z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg
new file mode 100644
index 000000000..6d9755906
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg
new file mode 100644
index 000000000..e2a252b5f
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+  <path d="M0 0h12A12 12 0 1 1 0 12z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/dot-symbolic.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/dot-symbolic.svg
new file mode 100644
index 000000000..8cfdb6208
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg18041"
+   sodipodi:docname="dot-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="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     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="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 10,7 c 1.656,0 3,1.344 3,3 0,1.656 -1.344,3 -3,3 C 8.344,13 7,11.656 7,10 7,8.344 8.344,7 10,7 Z"
+     id="path18039"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/dot-symbolic@2.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/dot-symbolic@2.svg
new file mode 100644
index 000000000..7714de691
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/dot-symbolic@2.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg18041"
+   sodipodi:docname="dot-symbolic@2.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="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     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="-17.288136"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 20,14 c 3.312,0 6,2.688 6,6 0,3.312 -2.688,6 -6,6 -3.312,0 -6,-2.688 -6,-6 0,-3.312 2.688,-6 6,-6 z"
+     id="path18039"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/line-symbolic.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/line-symbolic.svg
new file mode 100644
index 000000000..ec2566e40
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg17473"
+   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="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     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="2.2881356"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 7,11 h 10 v 2 H 7 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/line-symbolic@2.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/line-symbolic@2.svg
new file mode 100644
index 000000000..06ef46eb9
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/line-symbolic@2.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17473"
+   sodipodi:docname="line-symbolic@2.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="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     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="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 10,18 h 20 v 4 H 10 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/radio-checked-symbolic.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/radio-checked-symbolic.svg
new file mode 100644
index 000000000..9da9f060d
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/radio-checked-symbolic.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="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg
new file mode 100644
index 000000000..55d89167d
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg
new file mode 100644
index 000000000..6d9755906
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/scale-slider-symbolic.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/scale-slider-symbolic.svg
new file mode 100644
index 000000000..4b00bc195
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/scale-slider-symbolic.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <linearGradient id="a" x2="24" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#1A73E8" offset="1"/>
+  </linearGradient>
+ </defs>
+ <g id="scale-slider">
+  <rect width="24" height="24" fill="none"/>
+  <circle cx="12" cy="12" r="6"/>
+ </g>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-check-symbolic.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-check-symbolic.svg
new file mode 100644
index 000000000..d6eb8a5bc
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-check-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17727"
+   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="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="29.5"
+     inkscape:cx="7.9152542"
+     inkscape:cy="7.8474576"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 12.5996,3.5898 14.0098,5 l -8,8 -4,-4 1.4102,-1.4102 2.5898,2.5898 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-check-symbolic@2.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-check-symbolic@2.svg
new file mode 100644
index 000000000..245090260
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-check-symbolic@2.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17727"
+   sodipodi:docname="small-check-symbolic@2.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="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="14.75"
+     inkscape:cx="7.0847458"
+     inkscape:cy="10.271186"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 25.1992,7.1796 28.0196,10 l -16,16 -8,-8 2.8204,-2.8204 5.1796,5.1796 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg
new file mode 100644
index 000000000..a2ba98196
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0a8 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-8zm4.5996 3.5898 1.4102 1.4102-8 8-4-4 1.4102-1.4102 2.5898 2.5898 6.5898-6.5898z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 000000000..1e1a895ce
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0a8 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-8zm-4 7h8v2h-8v-2z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
new file mode 100644
index 000000000..f87038196
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M8 0a8 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-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-dot-symbolic.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-dot-symbolic.svg
new file mode 100644
index 000000000..994449063
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg18170"
+   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="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     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="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 8,5 c 1.6568542,0 3,1.3431458 3,3 0,1.6568542 -1.3431458,3 -3,3 C 6.3431458,11 5,9.6568542 5,8 5,6.3431458 6.3431458,5 8,5 Z"
+     id="path18168"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg
new file mode 100644
index 000000000..0d11382ce
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg18170"
+   sodipodi:docname="small-dot-symbolic@2.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="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     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="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 16,10 c 3.313708,0 6,2.686292 6,6 0,3.313708 -2.686292,6 -6,6 -3.313708,0 -6,-2.686292 -6,-6 0,-3.313708 2.686292,-6 6,-6 z"
+     id="path18168"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-line-symbolic.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-line-symbolic.svg
new file mode 100644
index 000000000..221ae3aad
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17912"
+   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="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     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="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 4,7 h 8 V 9 H 4 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-line-symbolic@2.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-line-symbolic@2.svg
new file mode 100644
index 000000000..166951608
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-line-symbolic@2.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17912"
+   sodipodi:docname="small-line-symbolic@2.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="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     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="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 8,14 h 16 v 4 H 8 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg
new file mode 100644
index 000000000..1d96d6cc5
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0c-4.4183 0-8 3.5817-8 8s3.5817 8 8 8 8-3.5817 8-8-3.5817-8-8-8zm0 5a3 3 0 0 1 3 3 3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg
new file mode 100644
index 000000000..4f699370c
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0a8 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-8zm-4 7h8v2h-8z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg
new file mode 100644
index 000000000..f87038196
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M8 0a8 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-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 000000000..597a4e6fc
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png
new file mode 100644
index 000000000..63a252bb3
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 000000000..c8b17ae3a
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 000000000..fe61efb6e
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 000000000..e5099acff
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png
new file mode 100644
index 000000000..149543905
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 000000000..320fe9bb5
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider@2.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider@2.png
new file mode 100644
index 000000000..4449641e8
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-after-slider@2.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 000000000..7966479f2
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png
new file mode 100644
index 000000000..a66b5a391
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 000000000..f398287c4
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 000000000..cfbc21dd7
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 000000000..2e096715d
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png
new file mode 100644
index 000000000..41651c157
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 000000000..640a66715
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider@2.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider@2.png
new file mode 100644
index 000000000..a276f6502
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-horz-marks-before-slider@2.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 000000000..e061e9bf3
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png
new file mode 100644
index 000000000..e9319b996
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 000000000..483f8e023
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 000000000..78d188932
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 000000000..a34601c8a
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png
new file mode 100644
index 000000000..f5779e00f
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 000000000..c594c1ef2
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider@2.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider@2.png
new file mode 100644
index 000000000..3ac4e8e5c
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-after-slider@2.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 000000000..bd90f1dc6
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png
new file mode 100644
index 000000000..8bd251166
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 000000000..c73d4f7be
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 000000000..68e783cba
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 000000000..3ff2e2964
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png
new file mode 100644
index 000000000..8444d3166
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 000000000..d5a5fe1a2
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider@2.png b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider@2.png
new file mode 100644
index 000000000..a8ef20f29
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/scale-vert-marks-before-slider@2.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 000000000..95d4a8ad6
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png b/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png
new file mode 100644
index 000000000..57cd4ae64
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-checked.png b/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 000000000..8734299f9
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-checked.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-checked@2.png b/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-checked@2.png
new file mode 100644
index 000000000..4157a485b
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-checked@2.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 000000000..78e50a6e2
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png
new file mode 100644
index 000000000..adc12ce25
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-unchecked.png b/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 000000000..40ff92e03
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-unchecked.png differ
diff --git a/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png b/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png
new file mode 100644
index 000000000..8e87ea7e0
Binary files /dev/null and b/Material/files/Material/config/common/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/check-symbolic.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/check-symbolic.svg
new file mode 100644
index 000000000..f2fc5ef1e
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/check-symbolic.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg17087"
+   sodipodi:docname="check-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="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="19.67"
+     inkscape:cx="-1.6522623"
+     inkscape:cy="11.006609"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 15.5898,4.5801 17,6 8,15 3,10 4.4102,8.5898 8,12.1699 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/check-symbolic@2.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/check-symbolic@2.svg
new file mode 100644
index 000000000..464c67eeb
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/check-symbolic@2.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17087"
+   sodipodi:docname="check-symbolic@2.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="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="9.835"
+     inkscape:cx="-16.624301"
+     inkscape:cy="15.302491"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 31.1796,9.1602 34,12 16,30 6,20 8.8204,17.1796 16,24.3398 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg
new file mode 100644
index 000000000..ad580858a
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/checkbox-checked-symbolic.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="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm5.5898 4.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801 7.5898-7.5898z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg
new file mode 100644
index 000000000..b12be3edc
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.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="m12 2c-5.52 0-10 4.48-10 10 0 5.52 4.48 10 10 10 5.52 0 10-4.48 10-10 0-5.52-4.48-10-10-10zm-5 9h10v2h-10v-2z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg
new file mode 100644
index 000000000..6d9755906
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg
new file mode 100644
index 000000000..e2a252b5f
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+  <path d="M0 0h12A12 12 0 1 1 0 12z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/dot-symbolic.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/dot-symbolic.svg
new file mode 100644
index 000000000..8cfdb6208
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg18041"
+   sodipodi:docname="dot-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="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     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="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 10,7 c 1.656,0 3,1.344 3,3 0,1.656 -1.344,3 -3,3 C 8.344,13 7,11.656 7,10 7,8.344 8.344,7 10,7 Z"
+     id="path18039"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/dot-symbolic@2.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/dot-symbolic@2.svg
new file mode 100644
index 000000000..7714de691
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/dot-symbolic@2.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg18041"
+   sodipodi:docname="dot-symbolic@2.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="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     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="-17.288136"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 20,14 c 3.312,0 6,2.688 6,6 0,3.312 -2.688,6 -6,6 -3.312,0 -6,-2.688 -6,-6 0,-3.312 2.688,-6 6,-6 z"
+     id="path18039"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/line-symbolic.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/line-symbolic.svg
new file mode 100644
index 000000000..ec2566e40
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg17473"
+   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="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     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="2.2881356"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 7,11 h 10 v 2 H 7 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/line-symbolic@2.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/line-symbolic@2.svg
new file mode 100644
index 000000000..06ef46eb9
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/line-symbolic@2.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17473"
+   sodipodi:docname="line-symbolic@2.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="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     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="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 10,18 h 20 v 4 H 10 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/radio-checked-symbolic.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/radio-checked-symbolic.svg
new file mode 100644
index 000000000..9da9f060d
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/radio-checked-symbolic.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="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg
new file mode 100644
index 000000000..55d89167d
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg
new file mode 100644
index 000000000..6d9755906
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/scale-slider-symbolic.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/scale-slider-symbolic.svg
new file mode 100644
index 000000000..4b00bc195
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/scale-slider-symbolic.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <linearGradient id="a" x2="24" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#1A73E8" offset="1"/>
+  </linearGradient>
+ </defs>
+ <g id="scale-slider">
+  <rect width="24" height="24" fill="none"/>
+  <circle cx="12" cy="12" r="6"/>
+ </g>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-check-symbolic.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-check-symbolic.svg
new file mode 100644
index 000000000..d6eb8a5bc
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-check-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17727"
+   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="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="29.5"
+     inkscape:cx="7.9152542"
+     inkscape:cy="7.8474576"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 12.5996,3.5898 14.0098,5 l -8,8 -4,-4 1.4102,-1.4102 2.5898,2.5898 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-check-symbolic@2.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-check-symbolic@2.svg
new file mode 100644
index 000000000..245090260
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-check-symbolic@2.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17727"
+   sodipodi:docname="small-check-symbolic@2.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="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="14.75"
+     inkscape:cx="7.0847458"
+     inkscape:cy="10.271186"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 25.1992,7.1796 28.0196,10 l -16,16 -8,-8 2.8204,-2.8204 5.1796,5.1796 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg
new file mode 100644
index 000000000..a2ba98196
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0a8 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-8zm4.5996 3.5898 1.4102 1.4102-8 8-4-4 1.4102-1.4102 2.5898 2.5898 6.5898-6.5898z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 000000000..1e1a895ce
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0a8 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-8zm-4 7h8v2h-8v-2z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
new file mode 100644
index 000000000..f87038196
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M8 0a8 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-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-dot-symbolic.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-dot-symbolic.svg
new file mode 100644
index 000000000..994449063
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg18170"
+   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="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     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="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 8,5 c 1.6568542,0 3,1.3431458 3,3 0,1.6568542 -1.3431458,3 -3,3 C 6.3431458,11 5,9.6568542 5,8 5,6.3431458 6.3431458,5 8,5 Z"
+     id="path18168"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg
new file mode 100644
index 000000000..0d11382ce
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg18170"
+   sodipodi:docname="small-dot-symbolic@2.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="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     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="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 16,10 c 3.313708,0 6,2.686292 6,6 0,3.313708 -2.686292,6 -6,6 -3.313708,0 -6,-2.686292 -6,-6 0,-3.313708 2.686292,-6 6,-6 z"
+     id="path18168"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-line-symbolic.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-line-symbolic.svg
new file mode 100644
index 000000000..221ae3aad
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17912"
+   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="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     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="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 4,7 h 8 V 9 H 4 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-line-symbolic@2.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-line-symbolic@2.svg
new file mode 100644
index 000000000..166951608
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-line-symbolic@2.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17912"
+   sodipodi:docname="small-line-symbolic@2.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="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     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="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 8,14 h 16 v 4 H 8 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg
new file mode 100644
index 000000000..1d96d6cc5
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0c-4.4183 0-8 3.5817-8 8s3.5817 8 8 8 8-3.5817 8-8-3.5817-8-8-8zm0 5a3 3 0 0 1 3 3 3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg
new file mode 100644
index 000000000..4f699370c
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0a8 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-8zm-4 7h8v2h-8z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg
new file mode 100644
index 000000000..f87038196
--- /dev/null
+++ b/Material/files/Material/config/common/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M8 0a8 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-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/>
+</svg>
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 000000000..597a4e6fc
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png
new file mode 100644
index 000000000..63a252bb3
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 000000000..c8b17ae3a
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 000000000..fe61efb6e
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 000000000..e5099acff
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png
new file mode 100644
index 000000000..149543905
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 000000000..320fe9bb5
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider@2.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider@2.png
new file mode 100644
index 000000000..4449641e8
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-after-slider@2.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 000000000..7966479f2
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png
new file mode 100644
index 000000000..a66b5a391
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 000000000..f398287c4
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 000000000..cfbc21dd7
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 000000000..2e096715d
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png
new file mode 100644
index 000000000..41651c157
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 000000000..640a66715
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider@2.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider@2.png
new file mode 100644
index 000000000..a276f6502
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-horz-marks-before-slider@2.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 000000000..e061e9bf3
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png
new file mode 100644
index 000000000..e9319b996
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 000000000..483f8e023
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 000000000..78d188932
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 000000000..a34601c8a
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png
new file mode 100644
index 000000000..f5779e00f
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 000000000..c594c1ef2
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider@2.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider@2.png
new file mode 100644
index 000000000..3ac4e8e5c
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-after-slider@2.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 000000000..bd90f1dc6
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png
new file mode 100644
index 000000000..8bd251166
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 000000000..c73d4f7be
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 000000000..68e783cba
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 000000000..3ff2e2964
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png
new file mode 100644
index 000000000..8444d3166
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 000000000..d5a5fe1a2
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider@2.png b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider@2.png
new file mode 100644
index 000000000..a8ef20f29
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/scale-vert-marks-before-slider@2.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 000000000..95d4a8ad6
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png b/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png
new file mode 100644
index 000000000..57cd4ae64
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-checked.png b/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 000000000..8734299f9
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-checked.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-checked@2.png b/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-checked@2.png
new file mode 100644
index 000000000..4157a485b
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-checked@2.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 000000000..78e50a6e2
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png
new file mode 100644
index 000000000..adc12ce25
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-unchecked.png b/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 000000000..40ff92e03
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-unchecked.png differ
diff --git a/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png b/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png
new file mode 100644
index 000000000..8e87ea7e0
Binary files /dev/null and b/Material/files/Material/config/common/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png differ
diff --git a/Material/files/Material/config/config.sh b/Material/files/Material/config/config.sh
new file mode 100755
index 000000000..7390027d5
--- /dev/null
+++ b/Material/files/Material/config/config.sh
@@ -0,0 +1,146 @@
+#!/bin/bash
+
+script_dir=$(dirname "$0")
+cd "$script_dir"
+
+REPO_DIR="$(cd "$(dirname "$0")" && pwd)"
+
+THEME_DIR=$(dirname $REPO_DIR)
+THEME_NAME=$(basename $THEME_DIR)
+
+borderless="false"
+legacybuttons="false"
+colorscheme="DeepOcean"
+
+while [[ "$#" -gt 0 ]]; do
+  case "${1:-}" in
+    --borderless)
+      borderless="true"
+      shift
+      ;;
+    --legacybuttons)
+      legacybuttons="true"
+      shift
+      ;;
+    --colorscheme)
+      shift
+      for variant in "$@"; do
+        case "$variant" in
+          DeepOcean)
+            colorscheme='DeepOcean'
+            shift
+            ;;
+          Palenight)
+            colorscheme='Palenight'
+            shift
+            ;;
+          -*)
+            break
+            ;;
+          *)
+            echo "ERROR: Unrecognized colorscheme '$1'."
+            echo "Ignoring..."
+            shift
+            ;;
+        esac
+      done
+      ;;
+    *)
+      echo "ERROR: Unrecognized config option '${1:-}'."
+      echo "Ignoring..."
+      shift
+      ;;
+  esac
+done
+
+# clean theme
+rm -rf ../{cinnamon,gnome-shell,gtk-2.0,gtk-3.0,gtk-4.0,metacity-1,xfwm4,index.theme}
+
+# install theme
+echo "Configuring theme..."
+
+cp -r common/{cinnamon,gnome-shell,gtk-3.0,gtk-4.0} ../
+
+if [[ "$colorscheme" == 'DeepOcean' ]]; then
+    echo "Installing DeepOcean..."
+    cp -r DeepOcean-B/gtk-2.0 ../
+    if [[ "$borderless" == 'false' ]]; then
+        cp DeepOcean-B/cinnamon/cinnamon.css ../cinnamon/
+        cp DeepOcean-B/gnome-shell/gnome-shell.css ../gnome-shell/
+        if [[ "$legacybuttons" == 'false' ]]; then
+            cp DeepOcean-B/gtk-3.0/{gtk.css,gtk-dark.css,thumbnail.png} ../gtk-3.0/
+            cp DeepOcean-B/gtk-4.0/{gtk.css,gtk-dark.css,thumbnail.png} ../gtk-4.0/
+            cp -r DeepOcean-B/xfwm4 ../
+        else
+            cp DeepOcean-B-LB/gtk-3.0/{gtk.css,gtk-dark.css,thumbnail.png} ../gtk-3.0/
+            cp DeepOcean-B-LB/gtk-4.0/{gtk.css,gtk-dark.css,thumbnail.png} ../gtk-4.0/
+            cp -r DeepOcean-B-LB/xfwm4 ../
+        fi
+    else
+        cp DeepOcean-BL/cinnamon/cinnamon.css ../cinnamon/
+        cp DeepOcean-BL/gnome-shell/gnome-shell.css ../gnome-shell/
+        if [[ "$legacybuttons" == 'false' ]]; then
+            cp DeepOcean-BL/gtk-3.0/{gtk.css,gtk-dark.css,thumbnail.png} ../gtk-3.0/
+            cp DeepOcean-BL/gtk-4.0/{gtk.css,gtk-dark.css,thumbnail.png} ../gtk-4.0/
+            cp -r DeepOcean-BL/xfwm4 ../
+        else
+            cp DeepOcean-BL-LB/gtk-3.0/{gtk.css,gtk-dark.css,thumbnail.png} ../gtk-3.0/
+            cp DeepOcean-BL-LB/gtk-4.0/{gtk.css,gtk-dark.css,thumbnail.png} ../gtk-4.0/
+            cp -r DeepOcean-BL-LB/xfwm4 ../
+        fi
+    fi
+    if [[ "$legacybuttons" == 'false' ]]; then
+        cp -r DeepOcean-B/metacity-1 ../
+    else
+        cp -r DeepOcean-B-LB/metacity-1 ../
+    fi
+else
+    echo "Installing Palenight..."
+    cp -r Palenight-B/gtk-2.0 ../
+    if [[ "$borderless" == 'false' ]]; then
+        cp Palenight-B/cinnamon/cinnamon.css ../cinnamon/
+        cp Palenight-B/gnome-shell/gnome-shell.css ../gnome-shell/
+        if [[ "$legacybuttons" == 'false' ]]; then
+            cp Palenight-B/gtk-3.0/{gtk.css,gtk-dark.css,thumbnail.png} ../gtk-3.0/
+            cp Palenight-B/gtk-4.0/{gtk.css,gtk-dark.css,thumbnail.png} ../gtk-4.0/
+            cp -r Palenight-B/xfwm4 ../
+        else
+            cp Palenight-B-LB/gtk-3.0/{gtk.css,gtk-dark.css,thumbnail.png} ../gtk-3.0/
+            cp Palenight-B-LB/gtk-4.0/{gtk.css,gtk-dark.css,thumbnail.png} ../gtk-4.0/
+            cp -r Palenight-B-LB/xfwm4 ../
+        fi
+    else
+        cp Palenight-BL/cinnamon/cinnamon.css ../cinnamon/
+        cp Palenight-BL/gnome-shell/gnome-shell.css ../gnome-shell/
+        if [[ "$legacybuttons" == 'false' ]]; then
+            cp Palenight-BL/gtk-3.0/{gtk.css,gtk-dark.css,thumbnail.png} ../gtk-3.0/
+            cp Palenight-BL/gtk-4.0/{gtk.css,gtk-dark.css,thumbnail.png} ../gtk-4.0/
+            cp -r Palenight-BL/xfwm4 ../
+        else
+            cp Palenight-BL-LB/gtk-3.0/{gtk.css,gtk-dark.css,thumbnail.png} ../gtk-3.0/
+            cp Palenight-BL-LB/gtk-4.0/{gtk.css,gtk-dark.css,thumbnail.png} ../gtk-4.0/
+            cp -r Palenight-Bl-LB/xfwm4 ../
+        fi
+    fi
+    if [[ "$legacybuttons" == 'false' ]]; then
+        cp -r Palenight-B/metacity-1 ../
+    else
+        cp -r Palenight-B-LB/metacity-1 ../
+    fi
+fi
+
+echo "[Desktop Entry]" >>                                                     "../index.theme"
+echo "Type=X-GNOME-Metatheme" >>                                              "../index.theme"
+echo "Name=Material" >>                                                       "../index.theme"
+echo "Comment=An Materia Gtk+ theme based on Elegant Design" >>               "../index.theme"
+echo "Encoding=UTF-8" >>                                                      "../index.theme"
+echo "" >>                                                                    "../index.theme"
+echo "[X-GNOME-Metatheme]" >>                                                 "../index.theme"
+echo "GtkTheme=$THEME_NAME" >>                                                "../index.theme"
+echo "MetacityTheme=$THEME_NAME" >>                                           "../index.theme"
+echo "IconTheme=Material-$colorscheme" >>                                     "../index.theme"
+echo "CursorTheme=Material-$colorscheme" >>                                   "../index.theme"
+echo "ButtonLayout=close,minimize,maximize:menu" >>                           "../index.theme"
+
+echo
+echo "Done."
diff --git a/Material/files/Material/config/options_config.json b/Material/files/Material/config/options_config.json
new file mode 100755
index 000000000..56d147c11
--- /dev/null
+++ b/Material/files/Material/config/options_config.json
@@ -0,0 +1,37 @@
+{
+    "spec_version": 1,
+    "script_name": "config.sh",
+    "theme_name": "Material",
+    "adwaita_link_to_gtk4": false,
+    "options": [
+        {
+            "name": "colorscheme",
+            "label": "Color scheme",
+            "type": "combo",
+            "desktop": "all",
+            "ids": [
+                "DeepOcean",
+                "Palenight"
+            ],
+            "labels": [
+                "DeepOcean",
+                "Palenight"
+            ],
+            "value": 0
+        },
+        {
+            "name": "borderless",
+            "label": "Borderless windows",
+            "type": "switch",
+            "desktop": "all",
+            "value": false
+        },
+        {
+            "name": "legacybuttons",
+            "label": "Standard titlebar buttons",
+            "type": "switch",
+            "desktop": "all",
+            "value": false
+        }
+    ]
+}
\ No newline at end of file
diff --git a/Material/files/Material/gnome-shell/assets/applogo.svg b/Material/files/Material/gnome-shell/assets/applogo.svg
new file mode 100644
index 000000000..7637e035d
--- /dev/null
+++ b/Material/files/Material/gnome-shell/assets/applogo.svg
@@ -0,0 +1,291 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   style="isolation:isolate"
+   width="256"
+   height="256"
+   viewBox="0 0 256 256"
+   version="1.1"
+   id="svg44"
+   sodipodi:docname="applogo6.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:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview46"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="2.5293854"
+     inkscape:cx="70.76818"
+     inkscape:cy="129.4781"
+     inkscape:window-width="1920"
+     inkscape:window-height="944"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg44" />
+  <defs
+     id="defs13">
+    <filter
+       id="rxmzpKZhS1Rg1bUBpXZWxPjgMjI9gn7l"
+       width="1.0842484"
+       height="1.1077841"
+       x="-0.042124196"
+       y="-0.045133094"
+       color-interpolation-filters="sRGB"
+       filterUnits="objectBoundingBox">
+      <feGaussianBlur
+         in="SourceGraphic"
+         stdDeviation="4.294"
+         id="feGaussianBlur2" />
+      <feOffset
+         dx="0"
+         dy="4"
+         result="pf_100_offsetBlur"
+         id="feOffset4" />
+      <feFlood
+         flood-opacity=".4"
+         id="feFlood6" />
+      <feComposite
+         in2="pf_100_offsetBlur"
+         operator="in"
+         result="pf_100_dropShadow"
+         id="feComposite8" />
+      <feBlend
+         in="SourceGraphic"
+         in2="pf_100_dropShadow"
+         mode="normal"
+         id="feBlend10" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4166"
+       id="linearGradient4172"
+       x1="1037.0122"
+       y1="589.11401"
+       x2="1043.105"
+       y2="108.17625"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.32354855,0,0,0.32354855,-174.6547,-11.205045)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4166">
+      <stop
+         style="stop-color:#c35781;stop-opacity:1"
+         offset="0"
+         id="stop4168" />
+      <stop
+         style="stop-color:#25458b;stop-opacity:1"
+         offset="1"
+         id="stop4170" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4205"
+       id="linearGradient4211"
+       x1="1090.6018"
+       y1="651.76404"
+       x2="1082.9858"
+       y2="414.90842"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.32354855,0,0,0.32354855,-174.6547,-11.205045)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4205">
+      <stop
+         style="stop-color:#bf73d3;stop-opacity:1"
+         offset="0"
+         id="stop4207" />
+      <stop
+         style="stop-color:#ff8428;stop-opacity:1"
+         offset="1"
+         id="stop4209" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4160"
+       id="linearGradient4167"
+       x1="843.57886"
+       y1="376.56763"
+       x2="821.90533"
+       y2="536.67523"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.32354855,0,0,0.32354855,-174.6547,-11.205045)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4160">
+      <stop
+         style="stop-color:#dca11f;stop-opacity:1"
+         offset="0"
+         id="stop4162" />
+      <stop
+         style="stop-color:#eab3b3;stop-opacity:1"
+         offset="1"
+         id="stop4164" />
+    </linearGradient>
+  </defs>
+  <g
+     filter="url(#rxmzpKZhS1Rg1bUBpXZWxPjgMjI9gn7l)"
+     id="g22"
+     style="fill:#343b58;fill-opacity:1">
+    <linearGradient
+       id="_lgradient_133"
+       x1=".567"
+       x2=".567"
+       y1="1.071"
+       y2="-.742"
+       gradientTransform="matrix(244.648,0,0,228.338,5.619,11.952)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0%"
+         style="stop-color:#333333"
+         id="stop15" />
+      <stop
+         offset="100%"
+         style="stop-color:#4d4d4d"
+         id="stop17" />
+    </linearGradient>
+    <path
+       fill="url(#_lgradient_133)"
+       d="M 165.628 11.952 C 239.684 11.952 250.267 22.509 250.267 96.495 L 250.267 155.746 C 250.267 229.733 239.684 240.29 165.628 240.29 L 90.259 240.29 C 16.203 240.29 5.619 229.733 5.619 155.746 L 5.619 96.495 C 5.619 22.509 16.203 11.952 90.259 11.952 L 165.628 11.952 Z"
+       id="path20"
+       style="fill:#343b58;fill-opacity:1" />
+  </g>
+  <linearGradient
+     id="_lgradient_134"
+     x1=".516"
+     x2=".52"
+     y1="1.651"
+     y2="-.013"
+     gradientTransform="matrix(145,0,0,145,55.5,55.5)"
+     gradientUnits="userSpaceOnUse">
+    <stop
+       offset="0%"
+       style="stop-color:#0575e6"
+       id="stop24" />
+    <stop
+       offset="100%"
+       style="stop-color:#00f260"
+       id="stop26" />
+  </linearGradient>
+  <g
+     opacity=".4"
+     id="g42">
+    <linearGradient
+       id="_lgradient_135"
+       x1=".517"
+       x2=".517"
+       y1="0"
+       y2="1"
+       gradientTransform="matrix(244.65,0,0,228.34,5.68,11.95)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0%"
+         style="stop-color:#ffffff"
+         id="stop31" />
+      <stop
+         offset="12.5%"
+         stop-opacity=".098"
+         style="stop-color:#ffffff"
+         id="stop33" />
+      <stop
+         offset="92.5%"
+         stop-opacity=".098"
+         style="stop-color:#000000"
+         id="stop35" />
+      <stop
+         offset="100%"
+         stop-opacity=".498"
+         style="stop-color:#000000"
+         id="stop37" />
+    </linearGradient>
+    <path
+       fill="url(#_lgradient_135)"
+       fill-rule="evenodd"
+       d="M 165.068 11.951 C 169.396 11.941 173.724 11.991 178.052 12.089 C 181.927 12.167 185.803 12.315 189.678 12.541 C 193.131 12.737 196.583 13.022 200.026 13.395 C 203.085 13.73 206.144 14.181 209.174 14.741 C 211.889 15.243 214.574 15.881 217.22 16.657 C 219.62 17.355 221.971 18.219 224.243 19.241 C 226.358 20.184 228.384 21.304 230.302 22.591 C 232.142 23.829 233.863 25.244 235.437 26.806 C 237.001 28.378 238.417 30.088 239.656 31.925 C 240.945 33.841 242.066 35.865 243.02 37.967 C 244.043 40.247 244.909 42.585 245.617 44.972 C 246.394 47.615 247.034 50.297 247.535 53.009 C 248.096 56.035 248.548 59.081 248.883 62.136 C 249.257 65.575 249.542 69.014 249.739 72.462 C 249.965 76.323 250.112 80.194 250.201 84.055 C 250.289 88.378 250.339 92.701 250.329 97.014 L 250.329 155.226 C 250.339 159.549 250.289 163.862 250.201 168.185 C 250.112 172.056 249.965 175.917 249.739 179.778 C 249.542 183.226 249.257 186.675 248.883 190.104 C 248.548 193.159 248.096 196.215 247.535 199.241 C 247.034 201.943 246.394 204.625 245.617 207.268 C 244.909 209.655 244.043 212.003 243.02 214.273 C 242.066 216.385 240.945 218.399 239.656 220.315 C 238.417 222.152 237.001 223.872 235.437 225.434 C 233.863 226.996 232.142 228.411 230.302 229.649 C 228.384 230.936 226.358 232.056 224.243 232.999 C 221.971 234.021 219.62 234.885 217.22 235.593 C 214.574 236.369 211.889 237.007 209.174 237.499 C 206.144 238.068 203.085 238.51 200.026 238.845 C 196.583 239.218 193.131 239.503 189.678 239.699 C 185.803 239.925 181.927 240.073 178.052 240.161 C 173.724 240.249 169.396 240.299 165.068 240.289 L 90.942 240.289 C 86.614 240.299 82.286 240.249 77.958 240.161 C 74.083 240.073 70.207 239.925 66.332 239.699 C 62.879 239.503 59.427 239.218 55.984 238.845 C 52.925 238.51 49.866 238.068 46.836 237.499 C 44.121 237.007 41.436 236.369 38.79 235.593 C 36.39 234.885 34.039 234.021 31.767 232.999 C 29.652 232.056 27.626 230.936 25.708 229.649 C 23.868 228.411 22.147 226.996 20.573 225.434 C 19.009 223.872 17.593 222.152 16.354 220.315 C 15.065 218.399 13.944 216.385 12.99 214.273 C 11.967 212.003 11.101 209.655 10.393 207.268 C 9.616 204.625 8.976 201.943 8.475 199.241 C 7.914 196.215 7.462 193.159 7.127 190.104 C 6.753 186.675 6.468 183.226 6.271 179.778 C 6.045 175.917 5.898 172.056 5.809 168.185 C 5.721 163.862 5.671 159.549 5.681 155.226 L 5.681 97.014 C 5.671 92.701 5.721 88.378 5.809 84.055 C 5.898 80.194 6.045 76.323 6.271 72.462 C 6.468 69.014 6.753 65.575 7.127 62.136 C 7.462 59.081 7.914 56.035 8.475 53.009 C 8.976 50.297 9.616 47.615 10.393 44.972 C 11.101 42.585 11.967 40.247 12.99 37.967 C 13.944 35.865 15.065 33.841 16.354 31.925 C 17.593 30.088 19.009 28.378 20.573 26.806 C 22.147 25.244 23.868 23.829 25.708 22.591 C 27.626 21.304 29.652 20.184 31.767 19.241 C 34.039 18.219 36.39 17.355 38.79 16.657 C 41.436 15.881 44.121 15.243 46.836 14.741 C 49.866 14.181 52.925 13.73 55.984 13.395 C 59.427 13.022 62.879 12.737 66.332 12.541 C 70.207 12.315 74.083 12.167 77.958 12.089 C 82.286 11.991 86.614 11.941 90.942 11.951 L 165.068 11.951 Z M 165.078 15.96 C 169.376 15.95 173.675 15.999 177.973 16.087 C 181.8 16.176 185.626 16.323 189.452 16.539 C 192.836 16.736 196.219 17.011 199.583 17.384 C 202.554 17.699 205.515 18.131 208.446 18.681 C 211.023 19.153 213.58 19.762 216.099 20.499 C 218.322 21.147 220.495 21.953 222.6 22.896 C 224.509 23.751 226.338 24.763 228.069 25.922 C 229.692 27.013 231.207 28.26 232.594 29.646 C 233.981 31.031 235.23 32.544 236.332 34.165 C 237.492 35.894 238.506 37.712 239.361 39.608 C 240.306 41.72 241.112 43.892 241.761 46.102 C 242.509 48.617 243.109 51.162 243.591 53.736 C 244.132 56.664 244.565 59.611 244.889 62.578 C 245.263 65.938 245.539 69.308 245.735 72.688 C 245.952 76.51 246.109 80.322 246.188 84.144 C 246.276 88.437 246.325 92.721 246.325 97.014 C 246.325 97.014 246.325 97.014 246.325 97.014 L 246.325 155.226 C 246.325 155.226 246.325 155.226 246.325 155.226 C 246.325 159.519 246.276 163.803 246.188 168.096 C 246.109 171.918 245.952 175.74 245.735 179.552 C 245.539 182.932 245.263 186.302 244.889 189.672 C 244.565 192.629 244.132 195.576 243.591 198.504 C 243.109 201.078 242.509 203.623 241.761 206.138 C 241.112 208.358 240.306 210.52 239.361 212.632 C 238.506 214.528 237.492 216.356 236.332 218.075 C 235.23 219.706 233.981 221.219 232.594 222.604 C 231.207 223.98 229.692 225.227 228.069 226.318 C 226.338 227.477 224.509 228.489 222.6 229.344 C 220.495 230.297 218.322 231.093 216.099 231.741 C 213.58 232.478 211.023 233.087 208.446 233.559 C 205.515 234.109 202.554 234.541 199.583 234.865 C 196.219 235.229 192.836 235.514 189.452 235.701 C 185.626 235.917 181.8 236.074 177.973 236.153 C 173.675 236.251 169.376 236.29 165.078 236.29 C 165.078 236.29 165.078 236.29 165.068 236.29 L 90.942 236.29 C 90.932 236.29 90.932 236.29 90.932 236.29 C 86.634 236.29 82.335 236.251 78.037 236.153 C 74.21 236.074 70.384 235.917 66.558 235.701 C 63.174 235.514 59.791 235.229 56.427 234.865 C 53.456 234.541 50.495 234.109 47.564 233.559 C 44.987 233.087 42.43 232.478 39.911 231.741 C 37.688 231.093 35.515 230.297 33.41 229.344 C 31.501 228.489 29.672 227.477 27.941 226.318 C 26.318 225.227 24.803 223.98 23.416 222.604 C 22.029 221.219 20.78 219.706 19.678 218.075 C 18.518 216.356 17.504 214.528 16.649 212.632 C 15.704 210.52 14.898 208.358 14.249 206.138 C 13.501 203.623 12.901 201.078 12.419 198.504 C 11.878 195.576 11.445 192.629 11.121 189.672 C 10.747 186.302 10.472 182.932 10.275 179.552 C 10.058 175.74 9.901 171.918 9.822 168.096 C 9.734 163.803 9.685 159.519 9.685 155.226 C 9.685 155.226 9.685 155.226 9.685 155.226 L 9.685 97.014 C 9.685 97.014 9.685 97.014 9.685 97.014 C 9.685 92.721 9.734 88.437 9.822 84.144 C 9.901 80.322 10.058 76.51 10.275 72.688 C 10.472 69.308 10.747 65.938 11.121 62.578 C 11.445 59.611 11.878 56.664 12.419 53.736 C 12.901 51.162 13.501 48.617 14.249 46.102 C 14.898 43.892 15.704 41.72 16.649 39.608 C 17.504 37.712 18.518 35.894 19.678 34.165 C 20.78 32.544 22.029 31.031 23.416 29.646 C 24.803 28.26 26.318 27.013 27.941 25.922 C 29.672 24.763 31.501 23.751 33.41 22.896 C 35.515 21.953 37.688 21.147 39.911 20.499 C 42.43 19.762 44.987 19.153 47.564 18.681 C 50.495 18.131 53.456 17.699 56.427 17.384 C 59.791 17.011 63.174 16.736 66.558 16.539 C 70.384 16.323 74.21 16.176 78.037 16.087 C 82.335 15.999 86.634 15.95 90.932 15.96 C 90.932 15.96 90.932 15.96 90.942 15.96 L 165.068 15.96 C 165.078 15.96 165.078 15.96 165.078 15.96 Z"
+       id="path40" />
+  </g>
+  <g
+     id="g1599"
+     transform="matrix(1.0348995,0,0,1.0348995,-4.4651488,-4.4713569)">
+    <circle
+       style="fill:url(#linearGradient4172);fill-opacity:1;stroke:none;stroke-width:0.323549"
+       id="path4164"
+       cx="125.3817"
+       cy="128.121"
+       r="85.649734" />
+    <path
+       style="fill:url(#linearGradient4211);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 174.92511,162.64428 12.34157,5.09278 5.10258,-1.93702 6.55646,3.01886 -4.74048,8.02523 -17.37999,17.95124 -13.93187,-25.82581 z"
+       id="path4201"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccc" />
+    <path
+       style="fill:url(#linearGradient4167);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.20266px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 95.220219,104.1226 c -13.414174,-1.13822 -38.494654,17.39213 -49.755742,35.196 5.517522,40.42426 39.617452,70.54458 79.917123,70.59046 18.33627,-0.006 36.12495,-6.32892 50.44136,-17.9304 -1.55786,-11.95524 -6.9009,-23.30851 -20.35324,-38.78033 -16.41408,-19.17735 -41.63363,-45.97015 -60.249501,-49.07573 z"
+       id="path3342"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccc" />
+    <path
+       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 125.38169,39.596232 A 87.421061,88.524876 0 0 0 37.960681,128.121 87.421061,88.524876 0 0 0 125.38169,216.64578 87.421061,88.524876 0 0 0 212.80271,128.121 87.421061,88.524876 0 0 0 125.38169,39.596232 Z m 0,7.239965 A 80.271247,81.284782 0 0 1 205.6529,128.121 80.271247,81.284782 0 0 1 125.38169,209.40581 80.271247,81.284782 0 0 1 45.110489,128.121 80.271247,81.284782 0 0 1 125.38169,46.836197 Z"
+       id="path3453"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 122.08545,73.426552 c -2.63242,0.02902 -5.38099,0.228079 -8.27134,0.652151 -20.900303,3.066496 -34.290467,11.321795 -51.446114,32.026257 -6.970284,8.41215 -13.13037,18.55126 -17.536713,26.33445 0.153022,2.87365 0.455718,5.73712 0.906822,8.57846 12.039196,-16.66062 45.556924,-41.294482 53.103037,-30.43442 8.639788,12.43403 -16.248744,29.71622 -12.907818,34.41369 3.579839,5.03338 19.258646,-2.95449 33.809556,-3.9995 16.24493,-1.16665 24.87558,3.85993 35.72684,12.20069 -2.73286,-5.15665 -4.52515,-8.92309 -5.56478,-12.62092 -2.16097,-7.68645 3.60676,-14.831 5.76382,-19.03754 3.42716,-6.68326 6.31337,-15.99432 11.40826,-21.02055 8.91706,-8.796919 24.48441,-13.349826 38.23878,-17.913974 4.30449,-1.428366 8.1201,-1.125871 12.60953,-2.109384 -4.16653,-2.325638 -9.36712,-3.187099 -13.61496,-3.250023 -22.64416,-0.3354 -36.44405,3.095939 -45.58242,2.100539 -11.59033,-1.26248 -22.42743,-6.076601 -36.6425,-5.919926 z"
+       id="path3481"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssccssscsssscsss" />
+    <ellipse
+       style="fill:#c8b7b7;fill-opacity:1;stroke:none;stroke-width:0.302252"
+       id="path3485"
+       cx="142.8614"
+       cy="71.206673"
+       rx="5.9839044"
+       ry="5.9307613"
+       transform="rotate(11.377029)" />
+    <path
+       sodipodi:nodetypes="cscc"
+       inkscape:connector-curvature="0"
+       id="path4068"
+       d="m 146.91184,100.77154 c 4.80047,-2.489525 7.12019,-4.559505 18.33208,-7.360652 10.88389,-2.719193 24.42329,-9.29191 35.31597,-11.84299 -18.6361,2.245588 -41.12133,6.946661 -53.64805,19.203642 z"
+       style="fill:#c8b7b7;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.234781px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       style="fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 68.208299,152.19546 c -3.84395,-0.0683 -13.067139,4.09601 -17.792012,6.27317 a 80.768521,81.788333 0 0 0 9.044195,16.73669 c 2.717649,-11.46999 12.121856,-19.43198 10.321325,-22.39942 -0.248994,-0.41036 -0.800631,-0.59672 -1.573508,-0.61044 z"
+       id="path4152"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#181818;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.323549px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 170.34321,91.948772 c 9.74499,-2.715631 26.55754,-9.346742 38.81741,-10.893893 -2.25746,-0.421293 -6.34297,0.272489 -8.60073,0.513028 -12.10683,2.396987 -23.92415,7.224464 -30.21668,10.380874 z"
+       id="path4179"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.323549;stroke-opacity:1"
+       id="path4181"
+       cx="104.98782"
+       cy="62.369961"
+       r="1.1263562" />
+    <circle
+       r="0.79609054"
+       cy="58.260956"
+       cx="111.54447"
+       id="circle4187"
+       style="fill:#acaad1;fill-opacity:1;stroke:none;stroke-width:0.323549;stroke-opacity:1" />
+    <circle
+       style="fill:#7572b2;fill-opacity:1;stroke:none;stroke-width:0.323549;stroke-opacity:1"
+       id="circle4213"
+       cx="161.0078"
+       cy="69.400787"
+       r="0.79609054" />
+  </g>
+</svg>
diff --git a/Material/files/Material/gnome-shell/assets/calendar-arrow-left.svg b/Material/files/Material/gnome-shell/assets/calendar-arrow-left.svg
new file mode 100644
index 000000000..ec8b4783d
--- /dev/null
+++ b/Material/files/Material/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" fill="#FFFFFF" opacity="0.7">
+  <path d="m10 3v10l-5-5z"/>
+</svg>
diff --git a/Material/files/Material/gnome-shell/assets/calendar-arrow-right.svg b/Material/files/Material/gnome-shell/assets/calendar-arrow-right.svg
new file mode 100644
index 000000000..6fc5556fb
--- /dev/null
+++ b/Material/files/Material/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" fill="#FFFFFF" opacity="0.7">
+  <path d="m6 3v10l5-5z"/>
+</svg>
diff --git a/Material/files/Material/gnome-shell/assets/calendar-today.svg b/Material/files/Material/gnome-shell/assets/calendar-today.svg
new file mode 100644
index 000000000..5e77084c7
--- /dev/null
+++ b/Material/files/Material/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/Material/files/Material/gnome-shell/assets/checkbox-dark.svg b/Material/files/Material/gnome-shell/assets/checkbox-dark.svg
new file mode 100644
index 000000000..8dac47578
--- /dev/null
+++ b/Material/files/Material/gnome-shell/assets/checkbox-dark.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   fill="#000000"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="checkbox-dark.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:zoom="23.125"
+     inkscape:cx="9.427027"
+     inkscape:cy="12"
+     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="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z"
+     fill="#616161"
+     style="paint-order:stroke fill markers;fill:#e0e0e0;fill-opacity:1"
+     id="path2" />
+</svg>
diff --git a/Material/files/Material/gnome-shell/assets/checkbox-off.svg b/Material/files/Material/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 000000000..0c5e5a0a8
--- /dev/null
+++ b/Material/files/Material/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" fill="#FFFFFF" opacity="0.7">
+  <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"/>
+</svg>
diff --git a/Material/files/Material/gnome-shell/assets/checkbox.svg b/Material/files/Material/gnome-shell/assets/checkbox.svg
new file mode 100644
index 000000000..0f79f2b20
--- /dev/null
+++ b/Material/files/Material/gnome-shell/assets/checkbox.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   fill="#000000"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="checkbox.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:zoom="23.125"
+     inkscape:cx="12"
+     inkscape:cy="12"
+     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="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z"
+     fill="#616161"
+     style="paint-order:stroke fill markers;fill:#333333"
+     id="path2" />
+</svg>
diff --git a/Material/files/Material/gnome-shell/assets/dash-placeholder.svg b/Material/files/Material/gnome-shell/assets/dash-placeholder.svg
new file mode 100644
index 000000000..172156ae8
--- /dev/null
+++ b/Material/files/Material/gnome-shell/assets/dash-placeholder.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF">
+  <circle cx="12" cy="12" r="12" opacity="0.3"/>
+  <circle cx="12" cy="12" r="4"/>
+</svg>
diff --git a/Material/files/Material/gnome-shell/assets/no-events.svg b/Material/files/Material/gnome-shell/assets/no-events.svg
new file mode 100644
index 000000000..239177d1b
--- /dev/null
+++ b/Material/files/Material/gnome-shell/assets/no-events.svg
@@ -0,0 +1,82 @@
+<?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="48"
+   height="48"
+   viewBox="0 0 48 48"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="no-events.svg">
+  <metadata
+     id="metadata12">
+    <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 />
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1413"
+     inkscape:window-height="955"
+     id="namedview8"
+     showgrid="true"
+     inkscape:zoom="4.9166667"
+     inkscape:cx="-16.677966"
+     inkscape:cy="15.864407"
+     inkscape:window-x="46"
+     inkscape:window-y="71"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4134" />
+  </sodipodi:namedview>
+  <path
+     d="M0 0h48v48H0z"
+     fill="none"
+     id="path4" />
+  <path
+     d="m 38,6 -2,0 0,-4 -4,0 0,4 -16,0 0,-4 -4,0 0,4 -2,0 C 7.79,6 6.02,7.79 6.02,10 L 6,38 c 0,2.21 1.79,4 4,4 l 28,0 c 2.21,0 4,-1.79 4,-4 L 42,10 C 42,7.79 40.21,6 38,6 Z m 0,32 -28,0 0,-22 28,0 z"
+     id="path6"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="sccccccccsccsssssccccc"
+     style="fill:#f5f5f5;fill-opacity:1;opacity:0.54" />
+</svg>
diff --git a/Material/files/Material/gnome-shell/assets/no-notifications.svg b/Material/files/Material/gnome-shell/assets/no-notifications.svg
new file mode 100644
index 000000000..ae09f92c0
--- /dev/null
+++ b/Material/files/Material/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" fill="#FFFFFF" opacity="0.5">
+  <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"/>
+</svg>
diff --git a/Material/files/Material/gnome-shell/assets/noise-texture.svg b/Material/files/Material/gnome-shell/assets/noise-texture.svg
new file mode 100644
index 000000000..484f6c874
--- /dev/null
+++ b/Material/files/Material/gnome-shell/assets/noise-texture.svg
@@ -0,0 +1,78 @@
+<?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="1600"
+   height="900"
+   viewBox="0 0 1600 900"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="noise-texture.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <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="698"
+     id="namedview15"
+     showgrid="false"
+     inkscape:zoom="0.26222222"
+     inkscape:cx="647.80786"
+     inkscape:cy="422.79535"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <defs
+     id="defs9">
+    <radialGradient
+       id="a"
+       gradientTransform="matrix(1 1 -1 1 0.5 -0.5)">
+      <stop
+         stop-color="#455A64"
+         stop-opacity="0"
+         offset="0.25"
+         id="stop2"
+         style="stop-color:#444444;stop-opacity:0" />
+      <stop
+         stop-color="#455A64"
+         stop-opacity="0.5"
+         offset="0.75"
+         id="stop4"
+         style="stop-color:#444444;stop-opacity:0.50196081" />
+      <stop
+         stop-color="#455A64"
+         stop-opacity="1"
+         offset="1"
+         id="stop6"
+         style="stop-color:#444444;stop-opacity:1" />
+    </radialGradient>
+  </defs>
+  <rect
+     width="1600"
+     height="900"
+     fill="url(#a)"
+     id="rect11" />
+</svg>
diff --git a/Material/files/Material/gnome-shell/assets/process-working.svg b/Material/files/Material/gnome-shell/assets/process-working.svg
new file mode 100644
index 000000000..eedadce9f
--- /dev/null
+++ b/Material/files/Material/gnome-shell/assets/process-working.svg
@@ -0,0 +1,308 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="512"
+   height="32"
+   viewBox="0 0 512 32"
+   version="1.1"
+   id="svg137"
+   sodipodi:docname="process-working.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:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview139"
+     pagecolor="#5b5b5b"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="2.4882813"
+     inkscape:cx="361.49451"
+     inkscape:cy="6.6310832"
+     inkscape:window-width="1368"
+     inkscape:window-height="700"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg137" />
+  <defs
+     id="defs7">
+    <g
+       id="g"
+       fill="#FFFFFF"
+       opacity="0.7">
+      <circle
+         cx="8"
+         cy="8"
+         r="8"
+         fill="none"
+         id="circle2" />
+      <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"
+         id="path4"
+         fill="#f5f5f5" />
+    </g>
+  </defs>
+  <use
+     xlink:href="#g"
+     transform="translate(0) rotate(0 8 8)"
+     id="use9" />
+  <use
+     xlink:href="#g"
+     transform="translate(16) rotate(5.625 8 8)"
+     id="use11" />
+  <use
+     xlink:href="#g"
+     transform="translate(32) rotate(11.25 8 8)"
+     id="use13" />
+  <use
+     xlink:href="#g"
+     transform="translate(48) rotate(16.875 8 8)"
+     id="use15" />
+  <use
+     xlink:href="#g"
+     transform="translate(64) rotate(22.5 8 8)"
+     id="use17" />
+  <use
+     xlink:href="#g"
+     transform="translate(80) rotate(28.125 8 8)"
+     id="use19" />
+  <use
+     xlink:href="#g"
+     transform="translate(96) rotate(33.75 8 8)"
+     id="use21" />
+  <use
+     xlink:href="#g"
+     transform="translate(112) rotate(39.375 8 8)"
+     id="use23" />
+  <use
+     xlink:href="#g"
+     transform="translate(128) rotate(45 8 8)"
+     id="use25" />
+  <use
+     xlink:href="#g"
+     transform="translate(144) rotate(50.625 8 8)"
+     id="use27" />
+  <use
+     xlink:href="#g"
+     transform="translate(160) rotate(56.25 8 8)"
+     id="use29" />
+  <use
+     xlink:href="#g"
+     transform="translate(176) rotate(61.875 8 8)"
+     id="use31" />
+  <use
+     xlink:href="#g"
+     transform="translate(192) rotate(67.5 8 8)"
+     id="use33" />
+  <use
+     xlink:href="#g"
+     transform="translate(208) rotate(73.125 8 8)"
+     id="use35" />
+  <use
+     xlink:href="#g"
+     transform="translate(224) rotate(78.75 8 8)"
+     id="use37" />
+  <use
+     xlink:href="#g"
+     transform="translate(240) rotate(84.375 8 8)"
+     id="use39" />
+  <use
+     xlink:href="#g"
+     transform="translate(256) rotate(90 8 8)"
+     id="use41" />
+  <use
+     xlink:href="#g"
+     transform="translate(272) rotate(95.625 8 8)"
+     id="use43" />
+  <use
+     xlink:href="#g"
+     transform="translate(288) rotate(101.25 8 8)"
+     id="use45" />
+  <use
+     xlink:href="#g"
+     transform="translate(304) rotate(106.875 8 8)"
+     id="use47" />
+  <use
+     xlink:href="#g"
+     transform="translate(320) rotate(112.5 8 8)"
+     id="use49" />
+  <use
+     xlink:href="#g"
+     transform="translate(336) rotate(118.125 8 8)"
+     id="use51" />
+  <use
+     xlink:href="#g"
+     transform="translate(352) rotate(123.75 8 8)"
+     id="use53" />
+  <use
+     xlink:href="#g"
+     transform="translate(368) rotate(129.375 8 8)"
+     id="use55" />
+  <use
+     xlink:href="#g"
+     transform="translate(384) rotate(135 8 8)"
+     id="use57" />
+  <use
+     xlink:href="#g"
+     transform="translate(400) rotate(140.625 8 8)"
+     id="use59" />
+  <use
+     xlink:href="#g"
+     transform="translate(416) rotate(146.25 8 8)"
+     id="use61" />
+  <use
+     xlink:href="#g"
+     transform="translate(432) rotate(151.875 8 8)"
+     id="use63" />
+  <use
+     xlink:href="#g"
+     transform="translate(448) rotate(157.5 8 8)"
+     id="use65" />
+  <use
+     xlink:href="#g"
+     transform="translate(464) rotate(163.125 8 8)"
+     id="use67" />
+  <use
+     xlink:href="#g"
+     transform="translate(480) rotate(168.75 8 8)"
+     id="use69" />
+  <use
+     xlink:href="#g"
+     transform="translate(496) rotate(174.375 8 8)"
+     id="use71" />
+  <use
+     xlink:href="#g"
+     transform="translate(0 16) rotate(180 8 8)"
+     id="use73" />
+  <use
+     xlink:href="#g"
+     transform="translate(16 16) rotate(185.625 8 8)"
+     id="use75" />
+  <use
+     xlink:href="#g"
+     transform="translate(32 16) rotate(191.25 8 8)"
+     id="use77" />
+  <use
+     xlink:href="#g"
+     transform="translate(48 16) rotate(196.875 8 8)"
+     id="use79" />
+  <use
+     xlink:href="#g"
+     transform="translate(64 16) rotate(202.5 8 8)"
+     id="use81" />
+  <use
+     xlink:href="#g"
+     transform="translate(80 16) rotate(208.125 8 8)"
+     id="use83" />
+  <use
+     xlink:href="#g"
+     transform="translate(96 16) rotate(213.75 8 8)"
+     id="use85" />
+  <use
+     xlink:href="#g"
+     transform="translate(112 16) rotate(219.375 8 8)"
+     id="use87" />
+  <use
+     xlink:href="#g"
+     transform="translate(128 16) rotate(225 8 8)"
+     id="use89" />
+  <use
+     xlink:href="#g"
+     transform="translate(144 16) rotate(230.625 8 8)"
+     id="use91" />
+  <use
+     xlink:href="#g"
+     transform="translate(160 16) rotate(236.25 8 8)"
+     id="use93" />
+  <use
+     xlink:href="#g"
+     transform="translate(176 16) rotate(241.875 8 8)"
+     id="use95" />
+  <use
+     xlink:href="#g"
+     transform="translate(192 16) rotate(247.5 8 8)"
+     id="use97" />
+  <use
+     xlink:href="#g"
+     transform="translate(208 16) rotate(253.125 8 8)"
+     id="use99" />
+  <use
+     xlink:href="#g"
+     transform="translate(224 16) rotate(258.75 8 8)"
+     id="use101" />
+  <use
+     xlink:href="#g"
+     transform="translate(240 16) rotate(264.375 8 8)"
+     id="use103" />
+  <use
+     xlink:href="#g"
+     transform="translate(256 16) rotate(270 8 8)"
+     id="use105" />
+  <use
+     xlink:href="#g"
+     transform="translate(272 16) rotate(275.625 8 8)"
+     id="use107" />
+  <use
+     xlink:href="#g"
+     transform="translate(288 16) rotate(281.25 8 8)"
+     id="use109" />
+  <use
+     xlink:href="#g"
+     transform="translate(304 16) rotate(286.875 8 8)"
+     id="use111" />
+  <use
+     xlink:href="#g"
+     transform="translate(320 16) rotate(292.5 8 8)"
+     id="use113" />
+  <use
+     xlink:href="#g"
+     transform="translate(336 16) rotate(298.125 8 8)"
+     id="use115" />
+  <use
+     xlink:href="#g"
+     transform="translate(352 16) rotate(303.75 8 8)"
+     id="use117" />
+  <use
+     xlink:href="#g"
+     transform="translate(368 16) rotate(309.375 8 8)"
+     id="use119" />
+  <use
+     xlink:href="#g"
+     transform="translate(384 16) rotate(315 8 8)"
+     id="use121" />
+  <use
+     xlink:href="#g"
+     transform="translate(400 16) rotate(320.625 8 8)"
+     id="use123" />
+  <use
+     xlink:href="#g"
+     transform="translate(416 16) rotate(326.25 8 8)"
+     id="use125" />
+  <use
+     xlink:href="#g"
+     transform="translate(432 16) rotate(331.875 8 8)"
+     id="use127" />
+  <use
+     xlink:href="#g"
+     transform="translate(448 16) rotate(337.5 8 8)"
+     id="use129" />
+  <use
+     xlink:href="#g"
+     transform="translate(464 16) rotate(343.125 8 8)"
+     id="use131" />
+  <use
+     xlink:href="#g"
+     transform="translate(480 16) rotate(348.75 8 8)"
+     id="use133" />
+  <use
+     xlink:href="#g"
+     transform="translate(496 16) rotate(354.375 8 8)"
+     id="use135" />
+</svg>
diff --git a/Material/files/Material/gnome-shell/assets/toggle-off-dark.svg b/Material/files/Material/gnome-shell/assets/toggle-off-dark.svg
new file mode 100644
index 000000000..2341bc5e0
--- /dev/null
+++ b/Material/files/Material/gnome-shell/assets/toggle-off-dark.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m10 0c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+ <circle transform="scale(-1,1)" cx="-10" cy="10" r="5" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/>
+</svg>
diff --git a/Material/files/Material/gnome-shell/assets/toggle-off.svg b/Material/files/Material/gnome-shell/assets/toggle-off.svg
new file mode 100644
index 000000000..3acc14ac4
--- /dev/null
+++ b/Material/files/Material/gnome-shell/assets/toggle-off.svg
@@ -0,0 +1,6 @@
+<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -1032.4)" fill="#000000" stroke-width="0">
+  <path d="m10 1032.4c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" opacity=".5" style="paint-order:stroke fill markers"/>
+  <circle transform="scale(-1,1)" cx="-10" cy="1042.4" r="5" opacity=".5" style="paint-order:stroke fill markers"/>
+ </g>
+</svg>
diff --git a/Material/files/Material/gnome-shell/assets/toggle-on-dark.svg b/Material/files/Material/gnome-shell/assets/toggle-on-dark.svg
new file mode 100644
index 000000000..c2fca8fc9
--- /dev/null
+++ b/Material/files/Material/gnome-shell/assets/toggle-on-dark.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="20"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="toggle-on-dark.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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="13.875"
+     inkscape:cx="10.27027"
+     inkscape:cy="15.891892"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <rect
+     transform="scale(-1,1)"
+     x="-40"
+     y="-.019988"
+     width="40"
+     height="20"
+     rx="10"
+     ry="10"
+     fill="#616161"
+     stroke-width="0"
+     style="paint-order:stroke fill markers;fill:#e0e0e0;fill-opacity:1"
+     id="rect2" />
+  <circle
+     cx="30"
+     cy="9.98"
+     r="5"
+     fill="#ffffff"
+     stroke-width="0"
+     style="paint-order:stroke fill markers;fill:#333333"
+     id="circle4" />
+</svg>
diff --git a/Material/files/Material/gnome-shell/assets/toggle-on.svg b/Material/files/Material/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 000000000..f0df9e4bb
--- /dev/null
+++ b/Material/files/Material/gnome-shell/assets/toggle-on.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="20"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="toggle-on.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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="13.875"
+     inkscape:cx="14.594595"
+     inkscape:cy="15.891892"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <rect
+     transform="scale(-1,1)"
+     x="-40"
+     y="-.019988"
+     width="40"
+     height="20"
+     rx="10"
+     ry="10"
+     fill="#616161"
+     stroke-width="0"
+     style="paint-order:stroke fill markers;fill:#333333;fill-opacity:1"
+     id="rect2" />
+  <circle
+     cx="30"
+     cy="9.98"
+     r="5"
+     fill="#ffffff"
+     stroke-width="0"
+     style="paint-order:stroke fill markers"
+     id="circle4" />
+</svg>
diff --git a/Material/files/Material/gnome-shell/gnome-shell.css b/Material/files/Material/gnome-shell/gnome-shell.css
new file mode 100644
index 000000000..e8d009f3c
--- /dev/null
+++ b/Material/files/Material/gnome-shell/gnome-shell.css
@@ -0,0 +1,4412 @@
+/* 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.
+ */
+
+.message-list .message-list-placeholder {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.quick-toggle-menu .header .title {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.quick-toggle-menu .header .subtitle {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+.icon-label-button-container {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.ripple-pointer-location {
+  width: 48px;
+  height: 48px;
+  border-radius: 24px;
+  background-color: rgba(238, 255, 255, 0.3);
+  box-shadow: 0 0 2px 2px #eeffff;
+}
+
+.pie-timer {
+  width: 60px;
+  height: 60px;
+  -pie-border-width: 3px;
+  -pie-border-color: #e2e9e9;
+  -pie-background-color: rgba(238, 255, 255, 0.3);
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #e2e9e9;
+}
+
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+/* App Icons */
+.show-apps .show-apps-icon {
+  color: transparent;
+  background-image: url('assets/applogo.svg');
+  background-size: contain;
+  border-radius: 6px;
+  padding: 2px 4px;
+}
+
+.show-apps .overview-icon,
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+  color: #eeffff;
+  border-radius: 9px;
+  padding: 6px;
+  border: none;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.show-apps:hover .overview-icon,
+.show-apps:focus .overview-icon,
+.show-apps:selected .overview-icon,
+.app-well-app:hover .overview-icon,
+.app-well-app:focus .overview-icon,
+.app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:focus .overview-icon,
+.grid-search-result:selected .overview-icon {
+  color: #84ffff;
+  background-color: rgba(35, 38, 55, 0.65);
+  border-image: none;
+  background-image: none;
+}
+
+.show-apps:active .overview-icon,
+.show-apps:checked .overview-icon,
+.app-well-app:active .overview-icon,
+.app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+  background-color: rgba(35, 38, 55, 1);
+  box-shadow: none;
+}
+
+.app-well-app.app-folder {
+  background-color: rgba(35, 38, 55, 0.65);
+  border-radius: 12px;
+}
+
+.app-well-app.app-folder .overview-icon {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.app-well-app.app-folder:hover {
+  background-color: rgba(35, 38, 55, 1);
+}
+
+.app-well-app.app-folder:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.app-folder-dialog {
+  border-radius: 36px;
+  padding: 12px;
+  background-color: rgba(15, 17, 26, 0.95);
+  border: 1px solid rgba(132, 255, 255, 0.55);
+  box-shadow: inset 0 0 0 1px rgba(132, 255, 255, 0.2);
+}
+
+.app-folder-dialog .folder-name-container {
+  padding: 24px 36px 0;
+  spacing: 12px;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label,
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  font-size: 18pt;
+  font-weight: bold;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  width: 300px;
+  border: 2px solid transparent;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+  padding: 9px 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+  background-color: rgba(238, 255, 255, 0.06);
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  padding: 0;
+  width: 36px;
+  height: 36px;
+  border-radius: 9999px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+  icon-size: 16px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked,
+.app-folder-dialog .folder-name-container .edit-folder-button:active {
+  background-color: #eeffff;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.app-folder-dialog .icon-grid {
+  row-spacing: 12px;
+  column-spacing: 24px;
+  page-padding-top: 0;
+  page-padding-bottom: 0;
+  page-padding-left: 0;
+  page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+  margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+  padding: 0;
+  width: 620px;
+  height: 620px;
+}
+
+.app-well-app-running-dot {
+  width: 6px;
+  height: 3px;
+  border-radius: 2px;
+  background-color: rgba(238, 255, 255, 0.3);
+  margin-bottom: 0;
+}
+
+StWidget.focused .app-well-app-running-dot {
+  width: 24px;
+  background-color: #eeffff !important;
+}
+
+.app-menu,
+.app-well-menu {
+  max-width: 27.25em;
+}
+
+.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;
+}
+
+.system-action-icon {
+  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
+  background-color: rgba(15, 17, 26, 0.95);
+  color: #eeffff;
+  border-radius: 9999px;
+  icon-size: 48px;
+}
+
+.shell-link {
+  border-radius: 6px;
+  color: #89ddff;
+}
+
+.shell-link:hover {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.shell-link:active {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.25);
+}
+
+.lowres-icon {
+  icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.icon-dropshadow {
+  icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
+}
+
+/* Buttons */
+.hotplug-notification-item,
+.icon-button,
+.button {
+  color: #eeffff;
+  background-color: rgba(41 45, 62, 0.95);
+  box-shadow: none !important;
+}
+
+.hotplug-notification-item:focus,
+.icon-button:focus,
+.button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.hotplug-notification-item:hover,
+.icon-button:hover,
+.button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none !important;
+}
+
+.hotplug-notification-item:active,
+.icon-button:active,
+.button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none !important;
+}
+
+.hotplug-notification-item:insensitive,
+.icon-button:insensitive,
+.button:insensitive {
+  color: rgba(238, 255, 255, 0.35);
+  background-color: rgba(41 45, 62, 0.95);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button,
+.candidate-page-button,
+.modal-dialog-linked-button,
+.popup-menu .button {
+  color: #eeffff;
+  background-color: transparent;
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:focus,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus,
+.candidate-page-button:focus,
+.modal-dialog-linked-button:focus,
+.popup-menu .button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:hover,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover,
+.candidate-page-button:hover,
+.modal-dialog-linked-button:hover,
+.popup-menu .button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.lg-obj-inspector-button:active,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:active,
+.candidate-page-button:active,
+.modal-dialog-linked-button:active,
+.popup-menu .button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:insensitive,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive,
+.candidate-page-button:insensitive,
+.modal-dialog-linked-button:insensitive,
+.popup-menu .button:insensitive {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.35);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button,
+.screenshot-ui-type-button,
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button,
+.login-dialog .modal-dialog-button,
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button:default {
+  color: #eeffff;
+  background-color: transparent;
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:insensitive,
+.screenshot-ui-type-button:insensitive,
+.login-dialog .cancel-button:insensitive,
+.login-dialog .switch-user-button:insensitive,
+.login-dialog .login-dialog-session-list-button:insensitive,
+.unlock-dialog .cancel-button:insensitive,
+.unlock-dialog .switch-user-button:insensitive,
+.unlock-dialog .login-dialog-session-list-button:insensitive,
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+  color: rgba(238, 255, 255, 0.35);
+  background-color: rgba(15, 17, 26, 0.95);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:focus,
+.screenshot-ui-type-button:focus,
+.login-dialog .cancel-button:focus,
+.login-dialog .switch-user-button:focus,
+.login-dialog .login-dialog-session-list-button:focus,
+.unlock-dialog .cancel-button:focus,
+.unlock-dialog .switch-user-button:focus,
+.unlock-dialog .login-dialog-session-list-button:focus,
+.login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:hover,
+.screenshot-ui-type-button:hover,
+.login-dialog .cancel-button:hover,
+.login-dialog .switch-user-button:hover,
+.login-dialog .login-dialog-session-list-button:hover,
+.unlock-dialog .cancel-button:hover,
+.unlock-dialog .switch-user-button:hover,
+.unlock-dialog .login-dialog-session-list-button:hover,
+.login-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:active,
+.screenshot-ui-type-button:active,
+.login-dialog .cancel-button:active,
+.login-dialog .switch-user-button:active,
+.login-dialog .login-dialog-session-list-button:active,
+.unlock-dialog .cancel-button:active,
+.unlock-dialog .switch-user-button:active,
+.unlock-dialog .login-dialog-session-list-button:active,
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none !important;
+}
+
+.button {
+  min-height: 20px;
+  padding: 6px 12px;
+  border-radius: 6px;
+  border: none;
+}
+
+.icon-button {
+  border-radius: 9999px;
+  padding: 6px;
+}
+
+.icon-button StIcon {
+  icon-size: 16px !important;
+  -st-icon-style: symbolic;
+}
+
+/* Date/Time Menu */
+.popup-menu .message,
+.world-clocks-button,
+.weather-button,
+.events-button {
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.04);
+  border-radius: 6px;
+  border: none;
+  box-shadow: none;
+  text-shadow: none;
+  padding: 6px 9px;
+}
+
+.popup-menu .message:hover,
+.world-clocks-button:hover,
+.weather-button:hover,
+.events-button:hover,
+.popup-menu .message:focus,
+.world-clocks-button:focus,
+.weather-button:focus,
+.events-button:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+.popup-menu .message:active,
+.world-clocks-button:active,
+.weather-button:active,
+.events-button:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none;
+}
+
+.clock-display-box {
+  spacing: 2px;
+}
+
+.clock-display-box .clock {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+#calendarArea {
+  padding: 6px 0;
+}
+
+.datemenu-calendar-column {
+  spacing: 6px;
+  border: 0 solid rgba(238, 255, 255, 0.12);
+  padding: 0 12px;
+}
+
+.datemenu-calendar-column:ltr {
+  margin-right: 0;
+  border-left-width: 0;
+}
+
+.datemenu-calendar-column:rtl {
+  margin-left: 0;
+  border-right-width: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-section {
+  padding-bottom: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+  spacing: 6px;
+}
+
+.world-clocks-header,
+.weather-header,
+.events-section-title {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: bold;
+}
+
+.datemenu-today-button,
+.datemenu-displays-box,
+.message-list-sections {
+  margin: 4px 6px;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+  border: none;
+  box-shadow: none;
+  background: none;
+  padding: 6px;
+  margin: 0 12px;
+  text-shadow: none;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 12px;
+}
+
+.datemenu-today-button:hover,
+.datemenu-today-button:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.datemenu-today-button:active {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.datemenu-today-button .day-label {
+  font-size: 12pt;
+  font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+  font-size: 18pt;
+  font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  padding: 0 3px !important;
+  margin: 0 !important;
+  text-shadow: none;
+  border-radius: 12px;
+}
+
+.calendar .calendar-month-label {
+  padding: 6px 0;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: bold;
+  text-align: center;
+  text-shadow: none;
+  font-size: 12pt;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 0 !important;
+  margin: 3px 0 !important;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+  icon-size: 16px;
+}
+
+.calendar .pager-button {
+  width: 32px !important;
+  height: 32px !important;
+  margin: 2px !important;
+  border-radius: 9999px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.calendar .pager-button:hover,
+.calendar .pager-button:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.calendar .pager-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.calendar .calendar-day-base {
+  font-size: 10pt;
+  text-align: center;
+  width: 34px !important;
+  height: 34px !important;
+  padding: 0 !important;
+  margin: 2px !important;
+  border-radius: 9999px;
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  font-feature-settings: 'tnum';
+}
+
+.calendar .calendar-day-base:hover,
+.calendar .calendar-day-base:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  outline: none;
+}
+
+.calendar .calendar-day-base:active,
+.calendar .calendar-day-base:selected {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+  border-color: transparent;
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+  margin-top: 1em;
+  color: rgba(238, 255, 255, 0.5);
+  font-size: 10pt;
+}
+
+.calendar .calendar-day {
+  border-width: 0;
+}
+
+.calendar .calendar-day-top {
+  border-top-width: 0;
+}
+
+.calendar .calendar-day-left {
+  border-left-width: 0;
+}
+
+.calendar .calendar-nonwork-day {
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: bold;
+}
+
+.calendar .calendar-today {
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.7) !important;
+  background-color: rgba(238, 255, 255, 0.06);
+  border: none;
+}
+
+.calendar .calendar-today:hover,
+.calendar .calendar-today:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff !important;
+}
+
+.calendar .calendar-today:active {
+  background-color: #b0bec5;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected {
+  background-color: #84ffff;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected:hover,
+.calendar .calendar-today:selected:focus {
+  background-color: #c792ea;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-day-with-events {
+  color: rgba(238, 255, 255, 0.7);
+  background-image: url('assets/calendar-today.svg');
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 0.5;
+}
+
+.calendar .calendar-week-number {
+  width: 26px;
+  height: 20px;
+  margin: 6px 2px !important;
+  padding: 0 0;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  font-size: inherit;
+  font-weight: bold;
+  text-align: center;
+}
+
+.world-clocks-button,
+.weather-button,
+.events-button {
+  padding: 12px !important;
+  margin: 2px 0 !important;
+}
+
+.events-button .events-box {
+  spacing: 6px;
+}
+
+.events-button .events-list {
+  spacing: 12px;
+  text-shadow: none;
+}
+
+.events-button .events-title {
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: bold;
+  text-shadow: none;
+}
+
+.events-button .event-time {
+  color: rgba(238, 255, 255, 0.5);
+  font-feature-settings: 'tnum';
+  font-size: 10pt;
+}
+
+.world-clocks-button .world-clocks-city {
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: bold;
+  font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time {
+  color: rgba(238, 255, 255, 0.5);
+  font-feature-settings: 'tnum';
+  font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+  text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+  text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+  color: rgba(238, 255, 255, 0.5);
+  font-feature-settings: 'tnum';
+  font-size: 10pt;
+}
+
+.world-clocks-grid,
+.weather-grid {
+  spacing-rows: 0.4em;
+  spacing-columns: 0.8em;
+}
+
+.weather-button {
+  margin-bottom: 6px !important;
+}
+
+.weather-button .weather-box {
+  spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+  spacing: 6px;
+}
+
+.weather-button .weather-header {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: bold;
+}
+
+.weather-button .weather-header.location {
+  font-weight: normal;
+  color: rgba(238, 255, 255, 0.5);
+  font-size: 10pt;
+}
+
+.weather-button .weather-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.weather-button .weather-forecast-time {
+  color: rgba(238, 255, 255, 0.7);
+  font-feature-settings: 'tnum';
+  font-size: 9pt;
+  font-weight: normal;
+  padding-top: 0.2em;
+  padding-bottom: 0.4em;
+}
+
+.weather-button .weather-forecast-icon {
+  icon-size: 32px;
+}
+
+.weather-button .weather-forecast-temp {
+  font-weight: bold;
+}
+
+/* Check Boxes */
+.check-box StBoxLayout {
+  spacing: 0.8em;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+  background-image: url('assets/checkbox-off.svg');
+}
+
+.check-box:hover StBin {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.check-box:active StBin {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+  background-image: url('assets/checkbox-dark.svg');
+}
+
+/* Activities Ripple */
+.ripple-box {
+  background-color: rgba(226, 233, 233, 0.35);
+  box-shadow: 0 0 2px 2px #eeffff;
+  width: 52px;
+  height: 52px;
+  border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+  border-radius: 0 0 0 52px;
+}
+
+/* Dash */
+#dash {
+  font-size: 9pt;
+}
+
+#dash .empty-dash-drop-target {
+  width: 32px;
+  height: 32px;
+}
+
+.dash-label {
+  background-color: rgba(41 45, 62, 0.95);
+  color: #84ffff;
+  padding: 6px 12px;
+  text-align: center;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.55);
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
+  -y-offset: 12px;
+  -x-offset: 8px;
+}
+
+/* Modal Dialogs */
+.candidate-popup-content,
+.modal-dialog {
+  background-color: rgba(41 45, 62, 0.95);
+  border-radius: 12px;
+  box-shadow: 3px 3px 8px -5px rgba(0, 0, 0, 0.35);
+  margin: 15px;
+  border: 2px solid #84ffff;
+}
+
+.modal-dialog-linked-button:last-child {
+  color: #eeffff;
+  background-color: #3b3f51;
+}
+
+.modal-dialog-linked-button:hover:last-child {
+  color: #eeffff;
+  background-color: #6e98eb;
+}
+
+.modal-dialog-linked-button:active:last-child {
+  color: #eeffff;
+  background-color: #dc6068;
+}
+
+.modal-dialog-linked-button:insensitive:last-child {
+  background-color: rgba(226, 233, 233, 0.05);
+  color: rgba(226, 233, 233, 0.35);
+}
+
+.headline {
+  font-size: 12pt;
+}
+
+.modal-dialog {
+  color: #eeffff;
+  padding: 0 6px 6px 6px;
+}
+
+.modal-dialog-linked-button {
+  min-height: 32px;
+  padding: 6px;
+  margin: 3px !important;
+  border: none !important;
+  border-radius: 6px;
+}
+
+.modal-dialog-linked-button:first-child {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.modal-dialog-linked-button:first-child:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.modal-dialog-linked-button:first-child:hover {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.modal-dialog-linked-button:first-child:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.2);
+  box-shadow: none !important;
+}
+
+.modal-dialog .modal-dialog-content-box {
+  margin: 30px 42px;
+  spacing: 30px;
+  max-width: 28em;
+}
+
+.end-session-dialog {
+  width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+  color: #ffcb6b;
+}
+
+.message-dialog-content {
+  spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+  text-align: center;
+  font-size: 18pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+  font-size: 13pt;
+  font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+  text-align: center;
+}
+
+.dialog-list {
+  spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+  text-align: center;
+  font-weight: bold;
+}
+
+.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: rgba(238, 255, 255, 0.7);
+  font-size: 10pt;
+}
+
+.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: rgba(238, 255, 255, 0.7);
+  font-size: 10pt;
+}
+
+.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;
+  font-size: 10pt;
+  margin: 6px;
+}
+
+.prompt-dialog-error-label {
+  color: #f28b82;
+}
+
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.polkit-dialog-user-layout {
+  text-align: center;
+  spacing: 8px;
+  margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+  color: #ffcb6b;
+}
+
+.audio-device-selection-dialog .modal-dialog-content-box {
+  margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+  spacing: 20px;
+}
+
+.audio-selection-device {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.audio-selection-device:hover,
+.audio-selection-device:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.audio-selection-device:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.audio-selection-device-box {
+  padding: 18px;
+  spacing: 18px;
+}
+
+.audio-selection-device-icon {
+  icon-size: 64px;
+}
+
+.welcome-dialog-image {
+  background-image: url('resource:///org/gnome/shell/theme/gnome-shell-start.svg');
+  background-size: contain;
+  height: 300px;
+  width: 300px;
+}
+
+/* Entries */
+StEntry,
+.search-entry {
+  min-height: 20px;
+  padding: 6px 12px;
+  margin: 2px;
+  border: none;
+  border-radius: 6px;
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid transparent;
+  box-shadow: none;
+  caret-color: #eeffff;
+  selection-background-color: rgba(238, 255, 255, 0.25);
+  selected-color: #eeffff;
+}
+
+StEntry:hover,
+.search-entry:hover {
+  color: #eeffff;
+  border-color: rgba(226, 233, 233, 0.35);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+StEntry:focus,
+.search-entry:focus {
+  color: #eeffff;
+  border-color: #e2e9e9;
+  background-color: rgba(238, 255, 255, 0.04);
+  box-shadow: none;
+}
+
+StEntry:insensitive,
+.search-entry:insensitive {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.35);
+  border-color: transparent;
+}
+
+StEntry StIcon.capslock-warning,
+.search-entry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #ffcb6b;
+  padding: 0;
+}
+
+StEntry StIcon.peek-password,
+.search-entry StIcon.peek-password {
+  icon-size: 16px;
+  padding: 0 4px;
+}
+
+StEntry StLabel.hint-text,
+.search-entry StLabel.hint-text {
+  margin-left: 2px;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.hotplug-notification-item {
+  padding: 12px;
+  border-style: solid;
+  border-width: 0;
+  border-left-width: 0;
+  border-bottom-width: 0;
+}
+
+.hotplug-notification-item:first-child {
+  border-radius: 0 0 0 6px;
+}
+
+.hotplug-notification-item:last-child {
+  border-right-width: 0;
+  border-radius: 0 0 6px 0;
+}
+
+.hotplug-notification-item:first-child:last-child {
+  border-radius: 0 0 6px 6px;
+}
+
+.hotplug-notification-item-icon {
+  icon-size: 24px;
+  padding: 0 4px;
+}
+
+.candidate-popup-boxpointer {
+  -arrow-border-radius: 2px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 64px;
+  -arrow-rise: 12px;
+}
+
+.candidate-popup-content {
+  color: rgba(238, 255, 255, 0.7);
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35) !important;
+  border: none;
+  margin: 3px 8px 12px !important;
+  padding: 6px;
+  spacing: 6px;
+}
+
+.candidate-index {
+  padding: 0 0.5em 0 0;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.candidate-box:selected .candidate-index {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.candidate-box {
+  padding: 0.3em 0.5em 0.3em 0.5em;
+  margin-right: 2px;
+  border-radius: 6px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.candidate-box:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.candidate-box:active {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #eeffff;
+}
+
+.candidate-box:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.candidate-box:last-child {
+  margin-right: 0;
+}
+
+.candidate-page-button-box {
+  height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+  padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+  padding-left: 0.5em;
+}
+
+.candidate-page-button {
+  padding: 6px 9px;
+}
+
+.candidate-page-button-previous,
+.candidate-page-button-next {
+  border-radius: 6px;
+}
+
+.candidate-page-button-icon {
+  icon-size: 1em;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+  background-color: #232637;
+  box-shadow: none;
+}
+
+#keyboard .page-indicator {
+  padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+  width: 8px;
+  height: 8px;
+}
+
+.key-container,
+.keyboard-layout {
+  padding: 4px;
+  spacing: 4px;
+}
+
+.keyboard-key {
+  font-size: 16pt;
+  font-weight: bold;
+  min-height: 1.2em;
+  min-width: 1.2em;
+  border-radius: 9px;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: #3b3f51;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key:focus,
+.keyboard-key:hover {
+  color: #eeffff;
+  background-color: #464b5d;
+}
+
+.keyboard-key:checked,
+.keyboard-key:active {
+  color: #eeffff;
+  background-color: #515772;
+}
+
+.keyboard-key:grayed {
+  background-color: rgba(41 45, 62, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.keyboard-key.default-key {
+  background-color: #222436;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key.default-key:focus,
+.keyboard-key.default-key:hover {
+  color: #eeffff;
+  background-color: #444267;
+}
+
+.keyboard-key.default-key:checked,
+.keyboard-key.default-key:active {
+  color: #eeffff;
+  background-color: #515772;
+}
+
+.keyboard-key.enter-key {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key.enter-key:focus,
+.keyboard-key.enter-key:hover {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #a6accd;
+}
+
+.keyboard-key.enter-key:checked,
+.keyboard-key.enter-key:active {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #717cb4;
+}
+
+.keyboard-key.shift-key-uppercase,
+.keyboard-key.shift-key-uppercase:focus,
+.keyboard-key.shift-key-uppercase:hover,
+.keyboard-key.shift-key-uppercase:checked,
+.keyboard-key.shift-key-uppercase:active {
+  color: #e2e9e9;
+}
+
+.keyboard-key StIcon {
+  icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+  color: inherit;
+  -arrow-border-radius: 12px;
+  -arrow-background-color: #232637;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 5px;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+}
+
+.emoji-page .keyboard-key {
+  background-color: transparent;
+  border: none;
+  color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+  border: none;
+  background-color: #e2e9e9;
+}
+
+.word-suggestions {
+  font-size: 14pt;
+  spacing: 12px;
+  min-height: 20pt;
+}
+
+/* Login Dialog */
+#lockDialogGroup {
+  background-color: rgba(15, 17, 26, 0.95);
+}
+
+.login-dialog-banner-view {
+  padding-top: 24px;
+  max-width: 23em;
+}
+
+.login-dialog,
+.unlock-dialog {
+  border: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+  spacing: 3px;
+}
+
+.login-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button {
+  padding: 0 16px;
+  border: none;
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+  padding: 0;
+  border-radius: 9999px;
+  width: 32px;
+  height: 32px;
+  border: none;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+  icon-size: 16px;
+}
+
+.login-dialog .login-dialog-message-warning,
+.unlock-dialog .login-dialog-message-warning {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog .user-icon,
+.unlock-dialog .user-icon {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog .user-icon StIcon,
+.unlock-dialog .user-icon StIcon {
+  background-color: rgba(15, 17, 26, 0.95);
+  color: #eeffff;
+}
+
+.login-dialog .user-icon,
+.login-dialog .user-icon.user-avatar,
+.unlock-dialog .user-icon,
+.unlock-dialog .user-icon.user-avatar {
+  border: 2px solid #e2e9e9;
+}
+
+.login-dialog-logo-bin {
+  padding: 24px 0px;
+}
+
+.login-dialog-banner {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-button-box {
+  spacing: 5px;
+}
+
+.login-dialog-message {
+  text-align: center;
+}
+
+.login-dialog-message-warning {
+  color: #ffcb6b;
+}
+
+.login-dialog-message-hint {
+  padding-top: 0;
+  padding-bottom: 20px;
+}
+
+.login-dialog-user-selection-box {
+  padding: 100px 0px;
+}
+
+.login-dialog-not-listed-label {
+  padding-left: 2px;
+}
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
+.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+  color: #eeffff;
+}
+
+.login-dialog-not-listed-label {
+  font-size: 1em;
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.7);
+  padding-top: 1em;
+}
+
+.login-dialog-not-listed-label:hover {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-not-listed-label:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.login-dialog-user-list-view {
+  -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+  spacing: 12px;
+  padding: 0.2em;
+  width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected,
+.login-dialog-user-list:expanded .login-dialog-user-list-item:hover,
+.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+  border-right: 2px solid #e2e9e9;
+}
+
+.login-dialog-user-list-item {
+  border-radius: 12px;
+  padding: 6px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item:ltr .user-widget {
+  padding-right: 1em;
+}
+
+.login-dialog-user-list-item:rtl .user-widget {
+  padding-left: 1em;
+}
+
+.login-dialog-user-list-item:focus {
+  background-color: rgba(238, 255, 255, 0.04) !important;
+}
+
+.login-dialog-user-list-item:hover,
+.login-dialog-user-list-item:focus:hover {
+  background-color: rgba(238, 255, 255, 0.12) !important;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item:active,
+.login-dialog-user-list-item:focus:active {
+  background-color: rgba(238, 255, 255, 0.3) !important;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+  height: 2px;
+  margin: 6px 0 0 0;
+  background-color: rgba(238, 255, 255, 0.12) !important;
+}
+
+.user-widget-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.user-widget.horizontal .user-widget-label {
+  font-size: 13pt;
+  font-weight: bold;
+  padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+  padding-left: 14px;
+  text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+  padding-right: 14px;
+  text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+  font-size: 16pt;
+  text-align: center;
+  font-weight: normal;
+  padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+  padding-top: 24px;
+  padding-bottom: 12px;
+  spacing: 12px;
+  width: 23em;
+}
+
+.login-dialog-prompt-entry {
+  height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: 12pt;
+  padding-top: 1em;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+  background-color: rgba(41 45, 62, 0.95) !important;
+  spacing: 4px;
+  padding: 0;
+  border-radius: 6px;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+  color: #eeffff !important;
+  border: 2px solid #e2e9e9;
+  border-top: none;
+}
+
+#LookingGlassDialog > #Toolbar {
+  padding: 0 6px;
+  border: none;
+  border-radius: 0;
+  background-color: rgba(41 45, 62, 0.95) !important;
+  box-shadow: inset 0 -1px 0 rgba(238, 255, 255, 0.12);
+  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;
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.5);
+  padding: 6px 12px;
+  transition-duration: 100ms;
+  border-bottom-width: 0;
+  border-radius: 0;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+  text-shadow: none;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: inset 0 -2px 0 #e2e9e9;
+  color: #eeffff;
+  text-shadow: none;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+  padding: 4px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+  spacing: 6px;
+  padding: 6px;
+}
+
+.lg-dialog StEntry {
+  min-height: 22px;
+  selection-background-color: #e2e9e9;
+  selected-color: rgba(0, 0, 0, 0.87);
+}
+
+.lg-dialog .shell-link {
+  color: #89ddff;
+}
+
+.lg-dialog .shell-link:hover {
+  color: #51adf6;
+}
+
+.lg-dialog .shell-link:active {
+  color: #0c7cd5;
+}
+
+.lg-dialog .actor-link {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.lg-dialog .actor-link:hover {
+  color: #eeffff;
+}
+
+.lg-dialog .actor-link:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.lg-completions-text {
+  font-size: 0.9em;
+  font-style: italic;
+}
+
+.lg-obj-inspector-title {
+  spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+  padding: 0 16px;
+  border: none;
+  border-radius: 6px;
+}
+
+.lg-obj-inspector-button:hover {
+  border: none;
+}
+
+#lookingGlassExtensions {
+  padding: 6px;
+}
+
+.lg-extensions-list {
+  padding: 6px;
+  spacing: 6px;
+}
+
+.lg-extension {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04) !important;
+  color: #eeffff !important;
+  padding: 12px;
+  box-shadow: none;
+  border: 2px solid #e2e9e9;
+}
+
+.lg-extension-name {
+  font-weight: bold;
+}
+
+.lg-extension-meta {
+  spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+  color: rgba(238, 255, 255, 0.7) !important;
+  background: rgba(41 45, 62, 0.95) !important;
+  border: none;
+  border-radius: 6px;
+  padding: 6px;
+  margin: 5px 8px 11px;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+.lg-debug-flag-button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.lg-debug-flag-button StLabel {
+  padding: 6px 12px;
+}
+
+.lg-debug-flag-button:hover {
+  color: #eeffff;
+}
+
+.lg-debug-flag-button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.lg-debug-flags-header {
+  padding-top: 12px;
+  padding: 6px;
+  margin: 6px;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/* Message List */
+.message-list {
+  width: 31.5em;
+  text-shadow: none;
+  border: solid rgba(238, 255, 255, 0.12);
+  padding: 6px;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-right: 12px;
+  border-right-width: 1px;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 4px;
+  padding-left: 12px;
+  border-left-width: 1px;
+}
+
+.message-list .message-list-placeholder {
+  spacing: 12px;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 48px;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+  margin: 0 8px;
+}
+
+.message-list-section,
+.message-list-sections,
+.message-list-section-list {
+  spacing: 6px;
+}
+
+.message-list-controls {
+  margin: 8px 16px 0;
+  padding: 4px;
+  spacing: 12px;
+}
+
+.message {
+  margin: 3px 0;
+}
+
+.message .message-icon-bin {
+  padding: 18px 12px;
+  padding-right: 6px;
+}
+
+.message .message-icon-bin:rtl {
+  padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+  icon-size: 32px;
+  -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+  width: 16px;
+  height: 16px;
+}
+
+.message .message-secondary-bin {
+  padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+  color: rgba(238, 255, 255, 0.5);
+  font-size: 9pt;
+  text-align: right;
+  padding-bottom: 0;
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+  text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+  text-align: left;
+}
+
+.message .message-title {
+  color: #eeffff;
+  font-weight: bold;
+  padding-top: 0.57em;
+}
+
+.message .message-content {
+  padding: 6px;
+  margin-bottom: 4px;
+  spacing: 4px;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.message .message-close-button {
+  color: rgba(238, 255, 255, 0.7);
+  padding: 4px;
+  height: 20px;
+  width: 20px;
+  border-radius: 9999px;
+}
+
+.message .message-close-button:hover,
+.message .message-close-button:active {
+  color: #eeffff;
+}
+
+.message .message-close-button:hover,
+.message .message-close-button:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.message .message-close-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.message .message-body {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.url-highlighter {
+  link-color: #89ddff;
+}
+
+.message-media-control {
+  margin: 20px 6px;
+  padding: 9px;
+  border-radius: 9999px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.message-media-control:hover,
+.message-media-control:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.message-media-control:active {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.message-media-control:insensitive {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.message-media-control:last-child:ltr {
+  margin-right: 16px;
+}
+
+.message-media-control:last-child:rtl {
+  margin-left: 16px;
+}
+
+.message-media-control StIcon {
+  icon-size: 16px;
+}
+
+.media-message-cover-icon {
+  icon-size: 32px !important;
+}
+
+.media-message-cover-icon.fallback {
+  icon-size: 24px !important;
+  padding: 6px;
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.select-area-rubberband {
+  background-color: rgba(226, 233, 233, 0.3);
+  border: 1px solid #e2e9e9;
+  border-radius: 6px;
+}
+
+.user-icon {
+  background-size: contain;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  box-shadow: none;
+  icon-size: 64px;
+}
+
+.modal-dialog .user-icon {
+  box-shadow: none;
+}
+
+.user-icon:hover {
+  color: #eeffff;
+}
+
+.user-icon StIcon {
+  background-color: rgba(41 45, 62, 0.95);
+  color: #eeffff;
+  border-radius: 9999px;
+  padding: 12px;
+  width: 40px;
+  height: 40px;
+}
+
+.user-icon,
+.user-icon.user-avatar {
+  border: 2px solid #e2e9e9;
+}
+
+.user-widget.vertical .user-icon {
+  icon-size: 96px;
+}
+
+.user-widget.vertical .user-icon StIcon {
+  padding: 20px;
+  padding-top: 18px;
+  padding-bottom: 22px;
+  width: 88px;
+  height: 88px;
+}
+
+.lightbox {
+  background-color: black;
+}
+
+.flashspot {
+  background-color: #eeffff;
+}
+
+.hidden {
+  color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+  text-align: center;
+  padding-bottom: 8px;
+  font-size: 10pt;
+  color: #ffcb6b;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+  max-height: 34em;
+  min-height: 31em;
+  min-width: 32em;
+}
+
+.nm-dialog-content {
+  spacing: 20px;
+  padding: 24px;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-airplane-box {
+  spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+  font-weight: bold;
+  text-align: center;
+}
+
+.nm-dialog-airplane-text {
+  color: #eeffff;
+}
+
+.nm-dialog-header {
+  font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+  icon-size: 32px;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+  border: none;
+  padding: 0;
+  background-color: rgba(238, 255, 255, 0.04);
+  border-radius: 6px;
+}
+
+.nm-dialog-item {
+  font-size: 11pt;
+  border-bottom: none;
+  padding: 12px;
+  spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nm-dialog-item:hover,
+.nm-dialog-item:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.nm-dialog-item:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.nm-dialog-icon {
+  icon-size: 16px;
+}
+
+.nm-dialog-icons {
+  spacing: 12px;
+}
+
+.no-networks-label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.no-networks-box {
+  spacing: 6px;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+  width: 25em;
+  min-height: 65px;
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(35, 38, 55, 0.95);
+  text-shadow: none;
+  border: solid 1px rgba(238, 255, 255, 0.25);
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+  margin: 20px 20px 10px;
+  border-radius: 12px;
+}
+
+.notification-banner:hover {
+  color: #eeffff;
+  background-color: rgba(35, 38, 55, 0.95);
+  border: solid 1px rgba(238, 255, 255, 0.25);
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+  margin: 20px 20px 10px;
+}
+
+.notification-banner:focus {
+  color: #eeffff;
+  background-color: rgba(35, 38, 55, 0.95);
+}
+
+.notification-banner .notification-actions {
+  background-color: transparent;
+  padding-top: 0;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  spacing: 0;
+}
+
+.notification-banner .notification-button {
+  min-height: 44px;
+  padding: 0 18px;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-width: 0;
+}
+
+.notification-banner .notification-button:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+.notification-banner .notification-button:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+.notification-banner .notification-button:only-child,
+.notification-banner .notification-button:first-child:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+.notification-banner .notification-button:focus {
+  background-color: transparent;
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.12);
+}
+
+.notification-banner .notification-button:hover,
+.notification-banner .notification-button:focus:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+.notification-banner .notification-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #eeffff;
+}
+
+.summary-source-counter {
+  font-size: fontsize(10);
+  font-weight: bold;
+  height: 1.6em;
+  width: 1.6em;
+  -shell-counter-overlap-x: 3px;
+  -shell-counter-overlap-y: 3px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border: 2px solid rgba(238, 255, 255, 0.3);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 0.9em;
+}
+
+.chat-body {
+  spacing: 5px;
+}
+
+.chat-response {
+  margin: 5px;
+}
+
+.chat-log-message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.chat-new-group {
+  padding-top: 1em;
+}
+
+.chat-received {
+  padding-left: 4px;
+}
+
+.chat-received:rtl {
+  padding-left: 0px;
+  padding-right: 4px;
+}
+
+.chat-sent {
+  padding-left: 18pt;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.chat-sent:rtl {
+  padding-left: 0;
+  padding-right: 18pt;
+}
+
+.chat-meta-message {
+  padding-left: 4px;
+  font-size: 9pt;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.chat-meta-message:rtl {
+  padding-left: 0;
+  padding-right: 4px;
+}
+
+/* OSD */
+.screenshot-ui-panel,
+.workspace-switcher-container,
+.resize-popup,
+.osd-window {
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(15, 17, 26, 0.95);
+  border: solid 1px rgba(238, 255, 255, 0.25);
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+  margin: 50px 8px 11px;
+  border-radius: 12px;
+  padding: 10px;
+}
+
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+}
+
+.osd-window .osd-monitor-label {
+  font-size: 3em;
+}
+
+.osd-window .level {
+  height: 3px;
+  border-radius: 2px;
+  background-color: rgba(238, 255, 255, 0.15);
+  color: #eeffff;
+  -barlevel-height: 3px;
+  -barlevel-background-color: rgba(238, 255, 255, 0.15);
+  -barlevel-active-background-color: #eeffff;
+  -barlevel-overdrive-color: #f28b82;
+  -barlevel-overdrive-separator-width: 2px;
+  -barlevel-border-width: 0;
+  -barlevel-border-color: rgba(238, 255, 255, 0.12);
+}
+
+.osd-window .level-bar {
+  background-color: #eeffff;
+  border-radius: 2px;
+}
+
+.pad-osd-window {
+  padding: 32px;
+  background-color: rgba(15, 17, 26, 0.95);
+}
+
+.pad-osd-window .pad-osd-title-box {
+  spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+  spacing: 6px;
+}
+
+.combo-box-label {
+  width: 15em;
+}
+
+#overview StScrollBar StBin#trough {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+#overview StScrollBar StButton#vhandle,
+#overview StScrollBar StButton#hhandle {
+  background-color: rgba(238, 255, 255, 0.5);
+}
+
+#overview StScrollBar StButton#vhandle:hover,
+#overview StScrollBar StButton#hhandle:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+#overview StScrollBar StButton#vhandle:active,
+#overview StScrollBar StButton#hhandle:active {
+  background-color: #eeffff;
+}
+
+#overview {
+  spacing: 24px;
+}
+
+.overview-controls {
+  padding-bottom: 30px;
+}
+
+/* Top Bar */
+#panel {
+  background-color: rgba(15, 17, 26, 0.95);
+  height: 32px;
+  color: #eeffff;
+  font-feature-settings: 'tnum';
+  transition-duration: 250ms;
+  font-size: 10pt;
+  font-weight: bold;
+  margin: 4px 10px 1px;
+  border: 2px solid #84ffff;
+  border-radius: 50px;
+}
+
+#panel .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: rgba(15, 17, 26, 0.95);
+  -panel-corner-border-width: 2px;
+  -panel-corner-border-color: transparent;
+  -panel-corner-opacity: 1;
+  transition-duration: 250ms;
+}
+
+#panel .panel-button {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  font-weight: bold;
+  color: #eeffff;
+  transition-duration: 150ms;
+  border-radius: 9999px;
+  text-shadow: none;
+  border: 4px solid transparent;
+}
+
+#panel .panel-button.clock-display .clock {
+  transition-duration: 150ms;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+}
+
+#panel .panel-button:hover {
+  color: #84ffff;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px #3b3f51;
+}
+
+#panel .panel-button.clock-display:hover {
+  box-shadow: none;
+  color: #84ffff;
+}
+
+#panel .panel-button.clock-display:hover .clock {
+  color: #84ffff;
+  box-shadow: inset 0 0 0 1000px #3b3f51;
+}
+
+#panel .panel-button:active,
+#panel .panel-button:active:hover,
+#panel .panel-button:overview,
+#panel .panel-button:overview:hover,
+#panel .panel-button:focus,
+#panel .panel-button:focus:hover,
+#panel .panel-button:checked,
+#panel .panel-button:checked:hover {
+  background-color: transparent;
+  color: #84ffff;
+  box-shadow: inset 0 0 0 1000px #3b3f51;
+}
+
+#panel .panel-button:active .panel-button,
+#panel .panel-button:overview .panel-button,
+#panel .panel-button:focus .panel-button,
+#panel .panel-button:checked .panel-button {
+  background-color: transparent;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: inset 0 0 0 1000px #3b3f51;
+}
+
+#panel .panel-button:active .panel-button:hover,
+#panel .panel-button:overview .panel-button:hover,
+#panel .panel-button:focus .panel-button:hover,
+#panel .panel-button:checked .panel-button:hover {
+  color: #84ffff;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.12);
+}
+
+#panel .panel-button:active .panel-button:active,
+#panel .panel-button:active .panel-button:overview,
+#panel .panel-button:active .panel-button:focus,
+#panel .panel-button:active .panel-button:checked,
+#panel .panel-button:overview .panel-button:active,
+#panel .panel-button:overview .panel-button:overview,
+#panel .panel-button:overview .panel-button:focus,
+#panel .panel-button:overview .panel-button:checked,
+#panel .panel-button:focus .panel-button:active,
+#panel .panel-button:focus .panel-button:overview,
+#panel .panel-button:focus .panel-button:focus,
+#panel .panel-button:focus .panel-button:checked,
+#panel .panel-button:checked .panel-button:active,
+#panel .panel-button:checked .panel-button:overview,
+#panel .panel-button:checked .panel-button:focus,
+#panel .panel-button:checked .panel-button:checked {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
+}
+
+#panel .panel-button.clock-display:active,
+#panel .panel-button.clock-display:overview,
+#panel .panel-button.clock-display:focus,
+#panel .panel-button.clock-display:checked {
+  box-shadow: none;
+  color: #84ffff;
+}
+
+#panel .panel-button.clock-display:active .clock,
+#panel .panel-button.clock-display:overview .clock,
+#panel .panel-button.clock-display:focus .clock,
+#panel .panel-button.clock-display:checked .clock {
+  box-shadow: inset 0 0 0 1000px #3b3f51;
+  color: #84ffff;
+}
+
+.unlock-screen #panel .panel-button,
+.login-screen #panel .panel-button,
+.lock-screen #panel .panel-button {
+  color: #84ffff;
+}
+
+.unlock-screen #panel .panel-button:focus,
+.unlock-screen #panel .panel-button:hover,
+.unlock-screen #panel .panel-button:active,
+.login-screen #panel .panel-button:focus,
+.login-screen #panel .panel-button:hover,
+.login-screen #panel .panel-button:active,
+.lock-screen #panel .panel-button:focus,
+.lock-screen #panel .panel-button:hover,
+.lock-screen #panel .panel-button:active {
+  color: #84ffff;
+}
+
+#panel .panel-button .system-status-icon {
+  icon-size: 16px;
+  padding: 8px;
+  margin: 0 4px;
+  -st-icon-style: symbolic;
+}
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon,
+#panel .panel-button .panel-status-menu-box .system-status-icon {
+  margin: 0;
+}
+
+#panel .panel-button .app-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+#panel #panelActivities.panel-button {
+  -natural-hpadding: 18px;
+}
+
+#panel:overview,
+#panel.unlock-screen,
+#panel.login-screen,
+#panel.lock-screen {
+  background-color: transparent;
+  box-shadow: none;
+  border: transparent;
+}
+
+#panel:overview StLabel,
+#panel:overview StIcon,
+#panel.unlock-screen StLabel,
+#panel.unlock-screen StIcon,
+#panel.login-screen StLabel,
+#panel.login-screen StIcon,
+#panel.lock-screen StLabel,
+#panel.lock-screen StIcon {
+  color: #84ffff;
+}
+
+#panel:overview .panel-button:hover,
+#panel.unlock-screen .panel-button:hover,
+#panel.login-screen .panel-button:hover,
+#panel.lock-screen .panel-button:hover {
+  color: #84ffff;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.12);
+}
+
+#panel:overview .panel-button.clock-display:hover,
+#panel.unlock-screen .panel-button.clock-display:hover,
+#panel.login-screen .panel-button.clock-display:hover,
+#panel.lock-screen .panel-button.clock-display:hover {
+  box-shadow: none;
+  color: #84ffff;
+}
+
+#panel:overview .panel-button.clock-display:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:hover .clock,
+#panel.login-screen .panel-button.clock-display:hover .clock,
+#panel.lock-screen .panel-button.clock-display:hover .clock {
+  color: #84ffff;
+  box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.12);
+}
+
+#panel:overview .panel-button:active,
+#panel:overview .panel-button:overview,
+#panel:overview .panel-button:focus,
+#panel:overview .panel-button:checked,
+#panel.unlock-screen .panel-button:active,
+#panel.unlock-screen .panel-button:overview,
+#panel.unlock-screen .panel-button:focus,
+#panel.unlock-screen .panel-button:checked,
+#panel.login-screen .panel-button:active,
+#panel.login-screen .panel-button:overview,
+#panel.login-screen .panel-button:focus,
+#panel.login-screen .panel-button:checked,
+#panel.lock-screen .panel-button:active,
+#panel.lock-screen .panel-button:overview,
+#panel.lock-screen .panel-button:focus,
+#panel.lock-screen .panel-button:checked {
+  color: #84ffff;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.2);
+}
+
+#panel:overview .panel-button.clock-display:active,
+#panel:overview .panel-button.clock-display:overview,
+#panel:overview .panel-button.clock-display:focus,
+#panel:overview .panel-button.clock-display:checked,
+#panel.unlock-screen .panel-button.clock-display:active,
+#panel.unlock-screen .panel-button.clock-display:overview,
+#panel.unlock-screen .panel-button.clock-display:focus,
+#panel.unlock-screen .panel-button.clock-display:checked,
+#panel.login-screen .panel-button.clock-display:active,
+#panel.login-screen .panel-button.clock-display:overview,
+#panel.login-screen .panel-button.clock-display:focus,
+#panel.login-screen .panel-button.clock-display:checked,
+#panel.lock-screen .panel-button.clock-display:active,
+#panel.lock-screen .panel-button.clock-display:overview,
+#panel.lock-screen .panel-button.clock-display:focus,
+#panel.lock-screen .panel-button.clock-display:checked {
+  box-shadow: none;
+  color: #84ffff;
+}
+
+#panel:overview .panel-button.clock-display:active .clock,
+#panel:overview .panel-button.clock-display:overview .clock,
+#panel:overview .panel-button.clock-display:focus .clock,
+#panel:overview .panel-button.clock-display:checked .clock,
+#panel.unlock-screen .panel-button.clock-display:active .clock,
+#panel.unlock-screen .panel-button.clock-display:overview .clock,
+#panel.unlock-screen .panel-button.clock-display:focus .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:overview .clock,
+#panel.login-screen .panel-button.clock-display:focus .clock,
+#panel.login-screen .panel-button.clock-display:checked .clock,
+#panel.lock-screen .panel-button.clock-display:active .clock,
+#panel.lock-screen .panel-button.clock-display:overview .clock,
+#panel.lock-screen .panel-button.clock-display:focus .clock,
+#panel.lock-screen .panel-button.clock-display:checked .clock {
+  box-shadow: inset 0 0 0 1000px rgba(238, 255, 255, 0.2);
+  color: #84ffff;
+}
+
+#panel:overview .panel-corner,
+#panel.unlock-screen .panel-corner,
+#panel.login-screen .panel-corner,
+#panel.lock-screen .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: transparent;
+  -panel-corner-border-color: transparent;
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+  spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+  spacing: 0;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+  color: #ffcb6b;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer {
+  -arrow-border-radius: 2px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 12px;
+  -arrow-rise: 0;
+  -arrow-box-shadow: none;
+  background: transparent;
+}
+
+.popup-menu {
+  min-width: 12em;
+  color: #eeffff;
+  padding: 0 !important;
+  margin: 0 3px;
+  font-weight: 500;
+  font-size: 10pt;
+  border-radius: 12px;
+}
+
+.popup-menu .popup-menu-content {
+  padding: 6px;
+  background-color: rgba(35, 38, 55, 0.95);
+  border-radius: 12px;
+  margin: 4px;
+  font-weight: 500;
+  border: 2px solid #84ffff;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15);
+}
+
+.popup-menu .popup-menu-item {
+  spacing: 9px;
+  padding: 6px;
+  color: #eeffff !important;
+  text-shadow: none;
+  border-radius: 6px;
+  margin: 0 6px;
+  font-weight: 500;
+}
+
+.popup-menu .popup-menu-item:checked {
+  font-weight: 500;
+  border: none;
+  box-shadow: none;
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #eeffff !important;
+  border-radius: 6px 6px 0 0;
+}
+
+.popup-menu .popup-menu-item:checked:focus,
+.popup-menu .popup-menu-item:checked:hover,
+.popup-menu .popup-menu-item.selected:checked {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #a6accd !important;
+}
+
+.popup-menu .popup-menu-item:checked:active {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: #b0bec5 !important;
+}
+
+.popup-menu .popup-menu-item:checked:insensitive {
+  color: rgba(0, 0, 0, 0.38) !important;
+}
+
+.popup-menu .popup-menu-item:focus,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item.selected {
+  color: #eeffff !important;
+  background-color: rgba(238, 255, 255, 0.12) !important;
+  transition-duration: 0;
+}
+
+.popup-menu .popup-menu-item:active,
+.popup-menu .popup-menu-item.selected:active {
+  color: #eeffff !important;
+  background-color: rgba(238, 255, 255, 0.3) !important;
+}
+
+.popup-menu .popup-menu-item:insensitive {
+  color: rgba(238, 255, 255, 0.3) !important;
+}
+
+.popup-menu .popup-sub-menu {
+  border: none;
+  box-shadow: none;
+  margin: 0 6px;
+  border-radius: 0 0 6px 6px;
+  background-color: #eeffff !important;
+  color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item {
+  border-radius: 0;
+  margin: 0;
+  color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:focus,
+.popup-menu .popup-sub-menu .popup-menu-item.hover,
+.popup-menu .popup-sub-menu .popup-menu-item.selected {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item.selected:active {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background-color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:insensitive {
+  color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu
+  .popup-sub-menu
+  .popup-menu-section:last-child
+  .popup-menu-item:last-child {
+  border-radius: 0 0 6px 6px;
+}
+
+.popup-menu .popup-inactive-menu-item {
+  color: #84ffff !important;
+}
+
+.popup-menu .popup-inactive-menu-item:insensitive {
+  color: rgba(238, 255, 255, 0.3) !important;
+}
+
+.popup-menu.panel-menu {
+  -boxpointer-gap: 4px;
+  margin-bottom: 1.75em;
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+  icon-size: 16px !important;
+}
+
+.popup-menu-ornament {
+  width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+  text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+  text-align: left;
+}
+
+.background-menu {
+  -boxpointer-gap: 4px;
+  -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+  min-width: 21em;
+}
+
+.aggregate-menu .popup-menu-icon {
+  padding: 0;
+  margin: 0 3px;
+  -st-icon-style: symbolic;
+}
+
+.quick-settings {
+  padding: 12px !important;
+  border-radius: 12px !important;
+}
+
+.quick-settings .icon-button,
+.quick-settings .button {
+  padding: 10.5px;
+}
+
+.quick-settings .icon-button > StIcon,
+.quick-settings .button > StIcon {
+  icon-size: 16px !important;
+}
+
+.quick-settings-grid {
+  spacing-rows: 12px;
+  spacing-columns: 12px;
+}
+
+.quick-toggle {
+  border-radius: 8px;
+  min-width: 12em;
+  max-width: 12em;
+  min-height: 40px;
+  border: none;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+  background-color: rgba(238, 255, 255, 0.08) !important;
+}
+
+.quick-toggle:hover {
+  background-color: rgba(238, 255, 255, 0.12) !important;
+}
+
+.quick-toggle:active {
+  background-color: rgba(238, 255, 255, 0.15) !important;
+}
+
+.quick-toggle:checked {
+  background-color: #71c6e7 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:hover {
+  background-color: #89ddff !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:active {
+  background-color: #80cbc4 !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle > StBoxLayout {
+  spacing: 6px;
+  padding: 0 12px;
+}
+
+.quick-toggle.button {
+  padding: 0;
+}
+
+.quick-toggle:ltr > StBoxLayout {
+  padding-left: 15px;
+}
+
+.quick-toggle:rtl > StBoxLayout {
+  padding-right: 15px;
+}
+
+.quick-toggle .quick-toggle-label {
+  font-weight: bold;
+}
+
+.quick-toggle .quick-toggle-icon,
+.quick-toggle .quick-toggle-arrow {
+  icon-size: 16px !important;
+}
+
+.quick-menu-toggle:ltr > StBoxLayout {
+  padding-right: 0;
+}
+
+.quick-menu-toggle:rtl > StBoxLayout {
+  padding-left: 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow {
+  background-color: rgba(238, 255, 255, 0.08) !important;
+  padding: 6px 10.5px;
+  icon-size: 16px !important;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:active {
+  background-color: rgba(238, 255, 255, 0.12) !important;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:ltr {
+  border-radius: 0 6px 6px 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:rtl {
+  border-radius: 6px 0 0 6px;
+}
+
+.quick-slider {
+  padding: 0 6px;
+}
+
+.quick-slider > StBoxLayout {
+  spacing: 6px;
+}
+
+.quick-slider .slider-bin {
+  min-height: 16px;
+  padding: 6px;
+  border-radius: 9999px;
+}
+
+.quick-slider .slider-bin:focus {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: none !important;
+}
+
+.quick-slider .quick-toggle-icon,
+.quick-slider .quick-toggle-arrow {
+  icon-size: 16px !important;
+}
+
+.quick-slider .icon-button {
+  background-color: transparent;
+  color: #84ffff !important;
+}
+
+.quick-slider .icon-button:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.quick-slider .icon-button:active {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.quick-toggle-menu {
+  background-color: #3b3f51 !important;
+  color: #eeffff !important;
+  border-radius: 12px !important;
+  padding: 12px;
+  margin: 12px 30px 0;
+  box-shadow: inset 0 0 0 1px rgba(239, 240, 242, 0.2);
+}
+
+.quick-toggle-menu .popup-menu-item {
+  min-height: 20px;
+  padding: 6px;
+  spacing: 6px;
+  border-radius: 6px !important;
+  color: #eeffff !important;
+}
+
+.quick-toggle-menu .popup-menu-item:focus,
+.quick-toggle-menu .popup-menu-item.hover,
+.quick-toggle-menu .popup-menu-item.selected {
+  color: #eeffff !important;
+  background-color: rgba(238, 255, 255, 0.1) !important;
+}
+
+.quick-toggle-menu .popup-menu-item:active,
+.quick-toggle-menu .popup-menu-item.selected:active {
+  color: #eeffff !important;
+  background-color: rgba(238, 255, 255, 0.2) !important;
+}
+
+.quick-toggle-menu .popup-menu-item > StIcon {
+  -st-icon-style: symbolic;
+}
+
+.quick-toggle-menu .header {
+  spacing-rows: 3px;
+  spacing-columns: 12px;
+  padding-bottom: 12px;
+}
+
+.quick-toggle-menu .header .icon {
+  icon-size: 24px;
+  border-radius: 6px;
+  padding: 9px;
+  background-color: #84ffff !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle-menu .header .icon.active {
+  background-color: #84ffff !important;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-settings-system-item > StBoxLayout {
+  spacing: 12px;
+}
+
+.quick-settings-system-item .icon-button {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #84ffff;
+  border-radius: 6px;
+  border: 1px solid rgba(238, 255, 255, 0.2);
+}
+
+.quick-settings-system-item .icon-button:hover {
+  background-color: rgba(234, 232, 255, 0.12);
+  color: #b4f9f8;
+  border-radius: 6px;
+  border: 1px solid rgba(234, 232, 255, 0.2);
+}
+
+.quick-settings-system-item .icon-button > StIcon {
+  -st-icon-style: symbolic;
+  icon-size: 16px !important;
+}
+
+.quick-settings-system-item .power-item {
+  min-height: 0;
+  min-width: 0;
+  color: #84ffff;
+}
+
+.quick-settings-system-item .power-item:hover {
+  min-height: 0;
+  min-width: 0;
+  color: #b4f9f8;
+}
+
+.quick-settings-system-item .power-item:insensitive {
+  color: #84ffff;
+  background-color: rgba(41 45, 62, 0.95);
+  box-shadow: none !important;
+  background-color: transparent;
+}
+
+.nm-network-item .wireless-secure-icon {
+  icon-size: 8px;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+  color: #eeffff;
+  font-weight: 300;
+  text-align: center;
+  spacing: 24px;
+  padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+  font-size: 64pt;
+  padding-top: 42px;
+  font-feature-settings: 'tnum';
+}
+
+.unlock-dialog-clock-date {
+  font-size: 16pt;
+  font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+  font-weight: normal;
+  padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+  margin: 12px 0;
+  spacing: 6px;
+  width: 23em;
+  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 6px;
+  border: none;
+  background-color: rgba(15, 17, 26, 0.95);
+  color: #eeffff;
+  border-radius: 12px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container
+  .unlock-dialog-notification-source.critical {
+  background-color: #3b3f51;
+}
+
+.unlock-dialog-notification-label {
+  padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+  weight: bold;
+  padding: 0 6px;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  border-radius: 9999px;
+  margin-right: 12px;
+}
+
+.screen-shield-background {
+  background: black;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
+}
+
+#unlockDialogNotifications StButton#vhandle,
+#unlockDialogNotifications StButton#hhandle {
+  background-color: rgba(35, 38, 55, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover,
+#unlockDialogNotifications StButton#vhandle:focus,
+#unlockDialogNotifications StButton#hhandle:hover,
+#unlockDialogNotifications StButton#hhandle:focus {
+  background-color: rgba(35, 38, 55, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active,
+#unlockDialogNotifications StButton#hhandle:active {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+  -st-vfade-offset: 32px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 32px;
+}
+
+StScrollBar {
+  padding: 6px;
+}
+
+StScrollView StScrollBar {
+  min-width: 8px;
+  min-height: 8px;
+}
+
+StScrollBar StBin#trough {
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.5);
+  border: 4px solid transparent;
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+  background-color: #eeffff;
+}
+
+.popup-sub-menu StScrollBar StBin#trough {
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle,
+.popup-sub-menu StScrollBar StButton#hhandle {
+  background-color: rgba(0, 0, 0, 0.26);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:hover,
+.popup-sub-menu StScrollBar StButton#hhandle:hover {
+  background-color: rgba(0, 0, 0, 0.38);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:active,
+.popup-sub-menu StScrollBar StButton#hhandle:active {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.search-entry {
+  width: 320px;
+  min-height: 20px;
+  padding: 6px 12px;
+  transition-duration: 150ms;
+  border-radius: 6px;
+}
+
+.search-entry .search-entry-icon {
+  color: rgba(238, 255, 255, 0.5);
+  icon-size: 16px;
+  margin-top: 0;
+  padding: 0 4px;
+}
+
+.search-entry StLabel.hint-text {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.search-entry:hover .search-entry-icon,
+.search-entry:focus .search-entry-icon {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.search-entry:insensitive StLabel.hint-text,
+.search-entry:insensitive .search-entry-icon {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry,
+.login-dialog StEntry,
+.unlock-dialog StEntry,
+#overview .search-entry {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  border: 2px solid transparent;
+  box-shadow: none;
+  caret-color: #eeffff;
+  selection-background-color: rgba(238, 255, 255, 0.25);
+  selected-color: #eeffff;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:hover,
+.login-dialog StEntry:hover,
+.unlock-dialog StEntry:hover,
+#overview .search-entry:hover {
+  color: #eeffff;
+  border-color: rgba(238, 255, 255, 0.35);
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:focus,
+.login-dialog StEntry:focus,
+.unlock-dialog StEntry:focus,
+#overview .search-entry:focus {
+  color: #eeffff;
+  border-color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.04);
+  box-shadow: none;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon,
+.login-dialog StEntry .search-entry-icon,
+.unlock-dialog StEntry .search-entry-icon,
+#overview .search-entry .search-entry-icon {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text,
+.login-dialog StEntry StLabel.hint-text,
+.unlock-dialog StEntry StLabel.hint-text,
+#overview .search-entry StLabel.hint-text {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:hover
+  .search-entry-icon,
+.login-dialog StEntry:hover .search-entry-icon,
+.unlock-dialog StEntry:hover .search-entry-icon,
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:focus
+  .search-entry-icon,
+.login-dialog StEntry:focus .search-entry-icon,
+.unlock-dialog StEntry:focus .search-entry-icon,
+#overview .search-entry:hover .search-entry-icon,
+#overview .search-entry:focus .search-entry-icon {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:insensitive,
+.login-dialog StEntry:insensitive,
+.unlock-dialog StEntry:insensitive,
+#overview .search-entry:insensitive {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.35);
+  border-color: transparent;
+}
+
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:insensitive
+  StLabel.hint-text,
+.login-dialog StEntry:insensitive StLabel.hint-text,
+.unlock-dialog StEntry:insensitive StLabel.hint-text,
+.app-folder-dialog
+  .folder-name-container
+  .folder-name-entry:insensitive
+  .search-entry-icon,
+.login-dialog StEntry:insensitive .search-entry-icon,
+.unlock-dialog StEntry:insensitive .search-entry-icon,
+#overview .search-entry:insensitive StLabel.hint-text,
+#overview .search-entry:insensitive .search-entry-icon {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/* Search */
+.list-search-result,
+.search-provider-icon {
+  border-radius: 6px;
+  padding: 6px;
+  transition-duration: 100ms;
+  text-align: center;
+}
+
+.list-search-result:focus,
+.search-provider-icon:focus,
+.list-search-result:hover,
+.search-provider-icon:hover,
+.list-search-result:selected,
+.search-provider-icon:selected {
+  background-color: rgba(238, 255, 255, 0.12);
+  transition-duration: 200ms;
+}
+
+.list-search-result:active,
+.search-provider-icon:active,
+.list-search-result:checked,
+.search-provider-icon:checked {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+#searchResultsContent {
+  max-width: 1024px;
+  spacing: 8px;
+}
+
+.search-section {
+  spacing: 8px;
+  background: none;
+}
+
+.search-section .search-section-separator {
+  height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.search-section-content {
+  spacing: 8px;
+  border-radius: 0;
+  padding: 18px;
+  border: none;
+  box-shadow: none;
+  background: none;
+  text-shadow: none;
+  color: #eeffff;
+}
+
+.search-statustext {
+  font-size: 2em;
+  font-weight: bold;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.grid-search-results {
+  spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+  spacing: 12px;
+}
+
+.search-provider-icon
+  .list-search-provider-content
+  .list-search-provider-details {
+  width: 120px;
+  margin-top: 0;
+  color: #f07178;
+}
+
+.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: #ff9e64;
+}
+
+/* Slider */
+.slider {
+  height: 20px;
+  color: rgba(35, 38, 55, 0.95);
+  -slider-height: 2px;
+  -slider-background-color: rgba(238, 255, 255, 0.3);
+  -slider-border-color: #84ffff;
+  -slider-active-background-color: #84ffff;
+  -slider-active-border-color: #84ffff;
+  -slider-border-width: 2px;
+  -slider-handle-radius: 7px;
+  -slider-handle-border-width: 2px;
+  -slider-handle-border-color: #ff9e64;
+  -barlevel-height: 2px;
+  -barlevel-background-color: rgba(238, 255, 255, 0.3);
+  -barlevel-border-color: transparent;
+  -barlevel-active-background-color: #84ffff;
+  -barlevel-active-border-color: transparent;
+  -barlevel-overdrive-color: #f07178;
+  -barlevel-overdrive-border-color: transparent;
+  -barlevel-overdrive-separator-width: 2px;
+  -barlevel-border-width: 0;
+}
+
+/* App Switcher */
+.switcher-popup {
+  padding: 8px;
+  spacing: 24px;
+}
+
+.switcher-list {
+  background-color: rgba(35, 38, 55, 0.95);
+  box-shadow: inset 0 0 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 15px;
+  border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+  background-color: #3b3f51;
+  color: #84ffff;
+  border-radius: 15px;
+}
+
+.switcher-list .item-box:selected {
+  background-color: #3b3f51;
+  color: #84ffff;
+  border-radius: 15px;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(238, 255, 255, 0.12);
+}
+
+.switcher-list .switcher-list-item-container {
+  spacing: 12px;
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: #84ffff;
+}
+
+.switcher-arrow:highlighted {
+  color: #84ffff;
+}
+
+.input-source-switcher-symbol {
+  font-size: 34pt;
+  width: 96px;
+  height: 96px;
+}
+
+.cycler-highlight {
+  border: 5px solid #e2e9e9;
+}
+
+/* Switches */
+.toggle-switch {
+  width: 40px;
+  height: 20px;
+  background-size: contain;
+  background-image: url('assets/toggle-off-dark.svg');
+}
+
+.toggle-switch:checked {
+  background-image: url('assets/toggle-on-dark.svg');
+}
+
+.popup-sub-menu .toggle-switch {
+  background-image: url('assets/toggle-off.svg');
+}
+
+.popup-sub-menu .toggle-switch:checked {
+  background-image: url('assets/toggle-on.svg');
+}
+
+/* Tiled window previews */
+.tile-preview {
+  background-color: rgba(226, 233, 233, 0.3);
+  border: 1px solid #e2e9e9;
+  border-radius: 12px;
+}
+
+.tile-preview-left.on-primary {
+  border-radius: 12px;
+}
+
+.tile-preview-right.on-primary {
+  border-radius: 12px;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+  border-radius: 12px;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+  padding: 12px;
+}
+
+.workspace-switcher {
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  padding: 0;
+  spacing: 12px;
+}
+
+.ws-switcher-box {
+  background: transparent;
+  height: 50px;
+  background-size: 32px;
+  background: rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+  height: 52px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 9px;
+  border: none;
+}
+
+.icon-grid {
+  row-spacing: 12px;
+  column-spacing: 12px;
+  max-row-spacing: 72px;
+  max-column-spacing: 72px;
+  page-padding-top: 24px;
+  page-padding-bottom: 24px;
+  page-padding-left: 12px;
+  page-padding-right: 12px;
+}
+
+.page-indicator {
+  padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+  width: 10px;
+  height: 10px;
+  border-radius: 10px;
+  background-color: #eeffff;
+}
+
+.apps-scroll-view {
+  padding: 0;
+}
+
+.page-navigation-hint {
+  width: 300px;
+}
+
+.page-navigation-hint.dnd {
+  background: rgba(238, 255, 255, 0.1);
+}
+
+.page-navigation-hint.next:ltr,
+.page-navigation-hint.previous:rtl {
+  background-gradient-start: rgba(238, 255, 255, 0.05);
+  background-gradient-end: transparent;
+  background-gradient-direction: horizontal;
+  border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr,
+.page-navigation-hint.next:rtl {
+  background-gradient-start: transparent;
+  background-gradient-end: rgba(238, 255, 255, 0.05);
+  background-gradient-direction: horizontal;
+  border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow > StIcon {
+  margin: 6px;
+  padding: 18px;
+  width: 24px;
+  height: 24px;
+  border-radius: 9999px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.page-navigation-arrow:insensitive > StIcon {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.page-navigation-arrow:hover > StIcon {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.page-navigation-arrow:active > StIcon {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #eeffff;
+}
+
+#dash {
+  margin-top: 12px;
+  padding: 0 10px;
+}
+
+#dash .placeholder {
+  background-image: none;
+  background-size: contain;
+  height: 32px;
+}
+
+#dash .overview-icon {
+  padding: 5px;
+}
+
+.dash-background {
+  background-color: rgba(238, 255, 255, 0.3);
+  border: 2px solid #84ffff;
+  margin-bottom: 16px;
+  padding: 10px;
+  border-radius: 16px;
+}
+
+.dash-item-container .app-well-app,
+.show-apps {
+  padding: 10px 2px 26px;
+}
+
+.dash-separator {
+  width: 1px;
+  margin: 0 7px 16px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.workspace-animation {
+  background-color: rgba(15, 17, 26, 0.95);
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 2px;
+}
+
+.controls-manager,
+.secondary-monitor-workspaces {
+  spacing: 12px;
+}
+
+#overviewGroup {
+  background-color: #090b10;
+}
+
+.osd-window {
+  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;
+}
+
+#appMenu {
+  spacing: 6px;
+}
+
+#appMenu .label-shadow {
+  color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+  padding: 0 6px;
+  spacing: 6px;
+}
+
+.popup-menu .popup-menu-item {
+  padding: 6px 12px;
+}
+
+.popup-menu .popup-menu-item:ltr {
+  padding-right: 9px !important;
+  padding-left: 0 !important;
+}
+
+.popup-menu .popup-menu-item:rtl {
+  padding-right: 0 !important;
+  padding-left: 9px !important;
+}
+
+.popup-separator-menu-item {
+  padding: 0;
+  margin: 6px 0;
+}
+
+.popup-separator-menu-item:ltr {
+  margin-right: 4px;
+}
+
+.popup-separator-menu-item:rtl {
+  margin-left: 4px;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+  height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.popup-separator-menu-item .popup-menu-ornament {
+  width: 0 !important;
+}
+
+.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(0, 0, 0, 0.12);
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 12px !important;
+  margin-left: 3px !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 12px !important;
+  margin-right: 3px !important;
+}
+
+.search-entry {
+  margin-top: 24px;
+  margin-bottom: 6px;
+}
+
+.icon-label-button-container {
+  spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+  icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+  border-radius: 33px;
+  padding: 18px;
+  padding-bottom: 12px;
+  margin-bottom: 4em;
+  spacing: 12px;
+  border: 2px solid #e2e9e9;
+}
+
+.screenshot-ui-close-button {
+  padding: 6px !important;
+  margin-top: 12px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
+}
+
+.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 !important;
+  border-radius: 15px;
+}
+
+.screenshot-ui-capture-button {
+  width: 36px;
+  height: 36px;
+  border-radius: 9999px;
+  border: 4px #eeffff;
+  padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+  background-color: #eeffff;
+  transition-duration: 200ms;
+  border-radius: 9999px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover,
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+  background-color: #d9d9d9;
+}
+
+.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: #f28b82;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+  background-color: #f4a099;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+  background-color: #ef6d62;
+}
+
+.screenshot-ui-shot-cast-container {
+  background-color: #292d3e;
+  border-radius: 12px;
+  padding: 3px;
+  spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-container:ltr {
+  margin-left: 3px;
+}
+
+.screenshot-ui-shot-cast-container:rtl {
+  margin-right: 3px;
+}
+
+.screenshot-ui-shot-cast-button {
+  padding: 6px 12px;
+  background-color: transparent;
+  border-radius: 9px;
+}
+
+.screenshot-ui-shot-cast-button:hover,
+.screenshot-ui-shot-cast-button:focus {
+  background-color: #3b3f51;
+}
+
+.screenshot-ui-shot-cast-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+  background-color: #eeffff;
+  color: black;
+}
+
+.screenshot-ui-shot-cast-button:insensitive {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+  border-radius: 9999px;
+  padding: 12px !important;
+}
+
+.screenshot-ui-show-pointer-button StIcon {
+  icon-size: 16px;
+}
+
+.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 #eeffff;
+}
+
+.screenshot-ui-area-selector-handle {
+  border-radius: 9999px;
+  background-color: #eeffff;
+  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+  width: 24px;
+  height: 24px;
+}
+
+.screenshot-ui-window-selector {
+  background-color: #232637;
+}
+
+.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: 12px;
+  border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+  transition-duration: 200ms;
+  color: transparent;
+  border-radius: 99px;
+  border-width: 12px;
+  icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover
+  .screenshot-ui-window-selector-window-border {
+  border-color: #8da3ca;
+}
+
+.screenshot-ui-window-selector-window:checked
+  .screenshot-ui-window-selector-window-border {
+  border-color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked
+  .screenshot-ui-window-selector-check {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.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 #eeffff;
+}
+
+.screenshot-ui-tooltip {
+  color: #eeffff;
+  background-color: rgba(15, 17, 26, 0.95);
+  border-radius: 9999px;
+  padding: 6px 12px;
+  text-align: center;
+  -y-offset: 24px;
+}
+
+.window-picker {
+  spacing: 6px;
+}
+
+.window-caption {
+  color: #eeffff;
+  background-color: rgba(15, 17, 26, 0.95);
+  border-radius: 9999px;
+  padding: 6px 12px;
+}
+
+.window-close,
+.screenshot-ui-close-button {
+  background-color: #3b3f51;
+  color: #eeffff;
+  border-radius: 21px;
+  padding: 3px;
+  height: 30px;
+  width: 30px;
+  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
+  transition-duration: 200ms;
+}
+
+.window-close:hover,
+.screenshot-ui-close-button:hover {
+  color: #eeffff;
+  background-color: #e2795b;
+}
+
+.window-close:active,
+.screenshot-ui-close-button:active {
+  color: #eeffff;
+  background-color: #dc6068;
+}
+
+.window-close StIcon,
+.screenshot-ui-close-button StIcon {
+  icon-size: 24px;
+}
+
+.workspace-background {
+  border-radius: 30px;
+  background-color: rgba(15, 17, 26, 0.95);
+  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+  visible-width: 32px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  color: rgba(238, 255, 255, 0.7);
+  background-color: rgba(238, 255, 255, 0.12);
+  border: none;
+  border-radius: 6px;
+}
+
+.workspace-thumbnails .placeholder {
+  background-image: url('assets/dash-placeholder.svg');
+  background-size: contain;
+  width: 18px;
+  height: 24px;
+}
+
+.workspace-thumbnail-indicator {
+  border: 3px solid #e2e9e9;
+  border-radius: 6px;
+  padding: 0;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+  -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+  -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+  background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+  color: #eeffff;
+  background-color: rgba(0, 0, 0, 0.75);
+  text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+  border-radius: 9999px;
+  margin: 2px;
+  padding: 0.2em 0.6em;
+  font-weight: bold;
+  text-align: center;
+}
+
+#dashtodockContainer.straight-corner #dash,
+#dashtodockContainer.shrink.straight-corner #dash {
+  border-radius: 0;
+  margin: 0;
+}
+
+#dashtodockContainer.straight-corner #dash .dash-background,
+#dashtodockContainer.shrink.straight-corner #dash .dash-background {
+  border-radius: 0;
+}
+
+#dashtodockContainer.extended.top #dash,
+#dashtodockContainer.extended.bottom #dash,
+#dashtodockContainer.extended.right #dash,
+#dashtodockContainer.extended.left #dash {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+  padding: 0 0;
+}
+
+#dashtodockContainer.extended.top #dash .dash-background,
+#dashtodockContainer.extended.bottom #dash .dash-background,
+#dashtodockContainer.extended.right #dash .dash-background,
+#dashtodockContainer.extended.left #dash .dash-background {
+  border-radius: 0;
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+#dashtodockContainer.left #dash,
+#dashtodockContainer.right #dash {
+  margin-top: 0;
+  padding: 10px 0;
+}
+
+#dashtodockContainer.left #dash .dash-background,
+#dashtodockContainer.right #dash .dash-background {
+  margin-bottom: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app,
+#dashtodockContainer.left .show-apps,
+#dashtodockContainer.right .dash-item-container .app-well-app,
+#dashtodockContainer.right .show-apps {
+  padding: 6px;
+}
+
+#dashtodockContainer.left #dash {
+  margin-left: 6px;
+}
+
+#dashtodockContainer.right #dash {
+  margin-right: 6px;
+}
+
+#dashtodockContainer.dashtodock #dash .dash-background {
+  background-color: rgba(15, 17, 26, 0.95);
+}
+
+#dashtodockContainer #dash .dash-background {
+  background-color: rgba(15, 17, 26, 0.95);
+  border: 2px solid #84ffff;
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+  background-color: #f07178;
+}
+
+#dashtodockContainer StWidget.focused .app-well-app-running-dot {
+  background-color: #84ffff !important;
+}
+
+#dashtodockContainer:overview #dash .app-well-app-running-dot {
+  background-color: #f07178;
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+  background-color: #84ffff !important;
+}
+
+#dashtodockContainer .show-apps .overview-icon,
+#dashtodockContainer .app-well-app .overview-icon {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 15px;
+}
+
+#dashtodockContainer .show-apps:hover .overview-icon,
+#dashtodockContainer .show-apps:focus .overview-icon,
+#dashtodockContainer .show-apps:selected .overview-icon,
+#dashtodockContainer .app-well-app:hover .overview-icon,
+#dashtodockContainer .app-well-app:focus .overview-icon,
+#dashtodockContainer .app-well-app:selected .overview-icon {
+  background-color: rgba(238, 255, 255, 0.12);
+  border-radius: 15px;
+}
+
+#dashtodockContainer .show-apps:active .overview-icon,
+#dashtodockContainer .show-apps:checked .overview-icon,
+#dashtodockContainer .app-well-app:active .overview-icon,
+#dashtodockContainer .app-well-app:checked .overview-icon {
+  background-color: rgba(238, 255, 255, 0.3);
+  border-radius: 15px;
+}
+
+#dashtodockContainer:overview #dash .show-apps .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app .overview-icon {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 15px;
+}
+
+#dashtodockContainer:overview #dash .show-apps:hover .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:focus .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:selected .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:hover .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:focus .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:selected .overview-icon {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+#dashtodockContainer:overview #dash .show-apps:active .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:checked .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:active .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:checked .overview-icon {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+#dashtodockContainer.opaque #dash .dash-background {
+  background-color: rgba(15, 17, 26, 0.95);
+}
+
+#dashtodockContainer.transparent #dash .dash-background {
+  background-color: rgba(33, 33, 33, 0.35);
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+  background-color: rgba(35, 38, 55, 0.95);
+  border: 2px solid #84ffff;
+}
+
+#dashtodockContainer.opaque:overview #dash .dash-background,
+#dashtodockContainer.transparent:overview #dash .dash-background {
+  background-color: transparent !important;
+  box-shadow: none !important;
+}
+
+#dashtodockContainer.extended:overview #dash .dash-background,
+#dashtodockContainer.opaque.extended:overview #dash .dash-background,
+#dashtodockContainer.transparent.extended:overview #dash .dash-background {
+  background-color: rgba(15, 17, 26, 0.95);
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton,
+#dashtodockContainer.dashtodock .dash-item-container > StButton {
+  transition-duration: 250ms;
+  background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton,
+#dashtodockContainer.dashtodock .dash-item-container > StButton {
+  padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon,
+#dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+  border-radius: 6px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+  border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+  padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+  width: 1px;
+  height: auto;
+  border-right-width: 1px;
+  margin: 32px 0;
+}
+
+.openweather-button,
+.openweather-button-action,
+.openweather-menu-button-container,
+.openweather-button-box {
+  border: 1px solid transparent;
+}
+
+.openweather-provider {
+  padding: 0 16px;
+  font-weight: 500;
+  border: 1px solid transparent;
+}
+
+.openweather-current-icon,
+.openweather-current-summary,
+.openweather-current-summarybox {
+  background: none;
+  color: #eeffff;
+}
+
+.openweather-current-databox-values {
+  background: none;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.openweather-current-databox-captions {
+  background: none;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.openweather-forecast-icon,
+.openweather-forecast-summary {
+  background: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.openweather-forecast-day,
+.openweather-forecast-temperature {
+  background: none;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.openweather-sunrise-icon,
+.openweather-sunset-icon,
+.openweather-build-icon {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.popup-sub-menu .openweather-current-icon,
+.popup-sub-menu .openweather-current-summary,
+.popup-sub-menu .openweather-current-summarybox {
+  background: none;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-current-databox-values {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-current-databox-captions {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-forecast-icon,
+.popup-sub-menu .openweather-forecast-summary {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-forecast-day,
+.popup-sub-menu .openweather-forecast-temperature {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-sunrise-icon,
+.popup-sub-menu .openweather-sunset-icon,
+.popup-sub-menu .openweather-build-icon {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/gnome-shell/no-events.svg b/Material/files/Material/gnome-shell/no-events.svg
new file mode 120000
index 000000000..d2fcad086
--- /dev/null
+++ b/Material/files/Material/gnome-shell/no-events.svg
@@ -0,0 +1 @@
+assets/no-events.svg
\ No newline at end of file
diff --git a/Material/files/Material/gnome-shell/no-notifications.svg b/Material/files/Material/gnome-shell/no-notifications.svg
new file mode 120000
index 000000000..175731c18
--- /dev/null
+++ b/Material/files/Material/gnome-shell/no-notifications.svg
@@ -0,0 +1 @@
+assets/no-notifications.svg
\ No newline at end of file
diff --git a/Material/files/Material/gnome-shell/pad-osd.css b/Material/files/Material/gnome-shell/pad-osd.css
new file mode 100644
index 000000000..17604502a
--- /dev/null
+++ b/Material/files/Material/gnome-shell/pad-osd.css
@@ -0,0 +1,31 @@
+.Leader {
+  stroke-width: 0.5 !important;
+  stroke: #515772;
+  fill: none !important;
+}
+
+.Button {
+  stroke-width: 0.25;
+  stroke: #eeffff;
+  fill: #eeffff;
+}
+
+.Ring {
+  stroke-width: 0.5 !important;
+  stroke: #515772 !important;
+  fill: none !important;
+}
+
+.Label {
+  stroke: none !important;
+  stroke-width: 0.1 !important;
+  font-size: 0.1 !important;
+  fill: transparent !important;
+}
+
+.TouchStrip,
+.TouchRing {
+  stroke-width: 0.1 !important;
+  stroke: #eeffff !important;
+  fill: #515772 !important;
+}
diff --git a/Material/files/Material/gnome-shell/process-working.svg b/Material/files/Material/gnome-shell/process-working.svg
new file mode 120000
index 000000000..a6586c30c
--- /dev/null
+++ b/Material/files/Material/gnome-shell/process-working.svg
@@ -0,0 +1 @@
+assets/process-working.svg
\ No newline at end of file
diff --git a/Material/files/Material/gtk-2.0/gtkrc b/Material/files/Material/gtk-2.0/gtkrc
new file mode 100644
index 000000000..967e440fc
--- /dev/null
+++ b/Material/files/Material/gtk-2.0/gtkrc
@@ -0,0 +1,894 @@
+# Oomox GTK Theme (Numix Fork)
+
+gtk-color-scheme =
+"base_color:#0F111A\nbg_color:#0F111A\ntooltip_bg_color:#0F111A\nselected_bg_color:#717CB4\ntext_color:#EEFFFF\nfg_color:#EEFFFF\ntooltip_fg_color:#EEFFFF\nselected_fg_color:#EEFFFF\nmenubar_bg_color:#0F111A\nmenubar_fg_color:#EEFFFF\ntoolbar_bg_color:#0F111A\ntoolbar_fg_color:#EEFFFF\nmenu_bg_color:#0F111A\nmenu_fg_color:#EEFFFF\npanel_bg_color:#0F111A\npanel_fg_color:#EEFFFF\nlink_color:#077fdb\nbtn_bg_color:#232637\nbtn_fg_color:#fafafa\ntitlebar_bg_color:#0F111A\ntitlebar_fg_color:#EEFFFF\nprimary_caret_color:#EEFFFF\nsecondary_caret_color:#EEFFFF\naccent_bg_color:#84FFFF\n"
+# Default Style
+
+style "murrine-default" {
+	GtkArrow::arrow-scaling= 0.6
+
+	GtkWidget::cursor_color = @primary_caret_color
+	GtkWidget::secondary_cursor_color = @secondary_caret_color
+	GtkWidget::cursor_aspect_ratio = 0.04
+
+	GtkButton::child-displacement-x = 0
+	GtkButton::child-displacement-y = 0
+
+	GtkButton::default-border = { 0, 0, 0, 0 }
+    #GtkButton::inner-border        = { 2, 2, 1, 1 }
+    GtkButton::focus-line-width    = 1
+    #GtkButton::focus-padding       = -4
+
+	GtkButtonBox::child-min-height = 26
+
+	GtkCheckButton::indicator-size = 16
+
+	# The following line hints to gecko (and possibly other appliations)
+	# that the entry should be drawn transparently on the canvas.
+	# Without this, gecko will fill in the background of the entry.
+	GtkEntry::honors-transparent-bg-hint = 1
+	GtkEntry::state-hint = 0
+
+	GtkExpander::expander-size = 16
+
+	GtkImage::x-ayatana-indicator-dynamic = 1
+
+	GtkMenu::horizontal-padding = 0
+	GtkMenu::vertical-padding = 0
+
+	GtkMenuBar::internal-padding = 0
+	GtkMenuBar::window-dragging = 1
+
+	GtkMenuItem::arrow-scaling= 0.5
+
+	GtkPaned::handle-size = 1
+
+	GtkProgressBar::min-horizontal-bar-height = 12
+	GtkProgressBar::min-vertical-bar-width = 12
+
+	GtkRange::trough-border = 0
+	GtkRange::slider-width = 12
+	GtkRange::stepper-size = 12
+	GtkRange::stepper_spacing = 0
+	GtkRange::trough-under-steppers = 1
+
+	GtkScale::slider-length = 16
+	GtkScale::slider-width = 16
+	GtkScale::trough-side-details = 1
+
+	GtkScrollbar::activate-slider = 1
+	GtkScrollbar::has-backward-stepper = 0
+	GtkScrollbar::has-forward-stepper = 0
+	GtkScrollbar::has-secondary-backward-stepper = 0
+	GtkScrollbar::has-secondary-forward-stepper = 0
+	GtkScrollbar::min-slider-length = 80
+	GtkScrollbar::slider-width = 12
+	GtkScrollbar::trough-border = 0
+
+	GtkScrolledWindow::scrollbar-spacing = 0
+	GtkScrolledWindow::scrollbars-within-bevel = 1
+
+	GtkSeparatorMenuItem::horizontal-padding = 0
+
+	GtkToolbar::internal-padding = 0
+
+	GtkTreeView::expander-size = 11
+	GtkTreeView::vertical-separator = 0
+
+	GtkWidget::focus-line-width = 1
+	# The following line prevents the Firefox tabs
+	# from jumping a few pixels when you create a new tab
+	GtkWidget::focus-padding = 0
+
+	GtkWidget::wide-separators = 1
+	GtkWidget::separator-width = 1
+	GtkWidget::separator-height = 1
+
+	GtkWindow::resize-grip-height = 0
+	GtkWindow::resize-grip-width = 0
+
+	WnckTasklist::fade-overlay-rect = 0
+
+	GnomeHRef::link_color = @link_color
+	GtkHTML::link-color = @link_color
+ 	GtkIMHtmlr::hyperlink-color = @link_color
+	GtkIMHtml::hyperlink-color = @link_color
+	GtkWidget::link-color = @link_color
+	GtkWidget::visited-link-color = @text_color
+
+	GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified
+	GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified
+
+	xthickness = 1
+	ythickness = 1
+
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+
+	bg[NORMAL] = @bg_color
+	bg[PRELIGHT] = shade (1.02, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @bg_color)
+	bg[INSENSITIVE] = @bg_color
+
+	base[NORMAL] = @base_color
+	base[PRELIGHT] = shade (0.95, @base_color)
+	base[SELECTED] = @selected_bg_color
+	base[ACTIVE] = @selected_bg_color
+	base[INSENSITIVE] = shade (0.85, @base_color)
+
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @text_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+	engine "murrine" {
+		animation = FALSE
+		arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows
+		border_shades = { 1.0, 1.0 } # gradient to draw on border
+		border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) }
+		colorize_scrollbar = FALSE
+		comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow
+		contrast = 0.8 # overal contrast with borders
+		focusstyle = 3 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow
+		glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight
+		glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides
+		glow_shade = 1.0 # amount of glow
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets
+		highlight_shade = 1.0 # amount of highlight
+		lightborder_shade = 1.0 # amount of inset light border
+		lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
+		listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+		listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line
+		menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+		menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+		menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+		menustyle = 0 # 0 = none, 1 = vertical striped
+		progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped
+		reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient
+		roundness = 4 # roundness of widgets
+		scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+		sliderstyle = 0 # 0 = none, 1 = handles
+		stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles
+		toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
+   }
+}
+
+style "murrine-wide" {
+	xthickness = 2
+	ythickness = 2
+}
+
+style "murrine-wider" {
+	xthickness = 3
+	ythickness = 3
+}
+
+style "murrine-thin" {
+	xthickness = 0
+	ythickness = 0
+}
+
+# Notebook
+
+style "clearlooks-notebook-bg" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = shade (0.80, @bg_color)
+}
+
+style "clearlooks-notebook" = "clearlooks-notebook-bg" {
+	xthickness = 2
+	ythickness = 2
+
+	engine "clearlooks" {
+		radius = 0.1
+	}
+}
+
+# Various Standard Widgets
+
+style "murrine-button"  = "murrine-wider" {
+	bg[NORMAL] = @btn_bg_color
+	bg[PRELIGHT] = shade (1.10, @btn_bg_color)
+	bg[SELECTED] = mix (0.5, @selected_bg_color, @bg_color)
+	bg[ACTIVE] = shade (0.95, @btn_bg_color)
+	bg[INSENSITIVE] = shade (0.75, @btn_bg_color)
+    #xthickness = 4
+    #ythickness = 4
+
+	engine "murrine" {
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+		roundness = 4
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+	}
+}
+
+style "murrine-buttonlabel" {
+	fg[NORMAL] = @btn_fg_color
+	fg[PRELIGHT] = @btn_fg_color
+	fg[SELECTED] = @btn_fg_color
+	fg[ACTIVE] = @btn_fg_color
+    fg[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+    text[NORMAL] = @btn_fg_color
+    text[PRELIGHT] = @btn_fg_color
+    text[SELECTED] = @btn_fg_color
+    text[ACTIVE] = @btn_fg_color
+    text[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		roundness = 0
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+		trough_shades = { 0.97, 0.97 }
+		trough_border_shades = { 1.0, 1.0 }
+	}
+}
+
+style "murrine-overlay-scrollbar" {
+	bg[ACTIVE] = shade (0.8, @bg_color)
+	bg[INSENSITIVE] = shade (0.97, @bg_color)
+
+	base[SELECTED] = shade (0.6, @bg_color)
+	base[INSENSITIVE] = shade (0.85, @bg_color)
+}
+
+style "murrine-scale" = "murrine-thin" {
+	bg[NORMAL] = @btn_bg_color
+	bg[ACTIVE] = mix(0.2, @fg_color, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[INSENSITIVE] = mix(0.95, @bg_color, @btn_bg_color)
+
+	engine "murrine" {
+        roundness = 8
+		#roundness = 4
+		gradient_shades = { 1.08, 1.08, 1.08, 1.08 }
+		#border_shades = { 0.5, 0.5 }
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+        #trough_shades = { 1.08, 1.08 }
+        trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-progressbar" = "murrine-thin" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = mix(0.08, @bg_color, @base_color)
+
+	fg[PRELIGHT] = @selected_fg_color
+
+	engine "murrine" {
+		#roundness = 2
+		roundness = 4
+		border_shades = { 1.2, 1.2 }
+		trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-treeview-header" = "murrine-button" {
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix(0.20, @bg_color, @fg_color)
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-treeview" {
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-frame" = "murrine-wide" {
+	bg[NORMAL] = mix(0.08, @fg_color, @bg_color)
+}
+
+style "murrine-frame-title" {
+	fg[NORMAL] = lighter (@fg_color)
+}
+
+style "murrine-tooltips" {
+	xthickness = 5
+	ythickness = 5
+
+	bg[NORMAL] = @tooltip_bg_color
+	bg[SELECTED] = @tooltip_bg_color
+
+	fg[NORMAL] = @tooltip_fg_color
+
+	engine "murrine" {
+		textstyle = 0
+		roundness = 2
+		rgba = FALSE
+	}
+}
+
+style "murrine-spinbutton" = "murrine-button" {
+	engine "murrine" {
+	}
+}
+
+style "clearlooks-radiocheck" = "murrine-default" {
+	bg[SELECTED] = @base_color
+	bg[PRELIGHT] = @bg_color
+
+	text[NORMAL] = @accent_bg_color
+	text[PRELIGHT] = @accent_bg_color
+
+	engine "clearlooks" {
+		radius = 4.0
+	}
+}
+
+style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" {
+	bg[PRELIGHT] = @bg_color
+}
+
+style "clearlooks-radiocheck-label" = "clearlooks-radiocheck" {
+    fg[NORMAL] = @fg_color
+    fg[PRELIGHT] = @fg_color
+    fg[SELECTED] = @fg_color
+    fg[ACTIVE] = @fg_color
+    fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+style "murrine-entry" = "murrine-wider" {
+    text[NORMAL] = @text_color
+    text[PRELIGHT] = @text_color
+    text[SELECTED] = @text_color
+    text[ACTIVE] = @text_color
+    text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+	engine "murrine" {
+		#border_shades = { 1.15, 1.15 }
+        border_colors = { mix(0.22, @text_color, @base_color), mix(0.22, @text_color, @base_color) }
+		roundness = 4
+	}
+}
+
+style "metacity-frame" = "murrine-default" {
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "murrine-statusbar" { }
+style "murrine-comboboxentry" = "murrine-entry" { }
+style "murrine-hscale" = "murrine-scale" { }
+style "murrine-vscale" = "murrine-scale" { }
+style "murrine-hscrollbar" = "murrine-scrollbar" { }
+style "murrine-vscrollbar" = "murrine-scrollbar" { }
+
+# Menus
+
+style "murrine-menu" = "murrine-thin" {
+	bg[NORMAL] = @menu_bg_color
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[INSENSITIVE] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	text[NORMAL] = @menu_fg_color
+	text[PRELIGHT] = @selected_fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menu-item" = "murrine-wider" {
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		textstyle = 0
+		border_shades = { 1.2, 1.2 }
+	}
+}
+
+style "murrine-separator-menu-item" = "murrine-thin" { }
+
+style "murrine-menubar" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menubaritem" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+# Toolbars
+
+style "murrine-toolbar" = "murrine-thin" {
+	bg[NORMAL] = @toolbar_bg_color
+	bg[PRELIGHT] = shade (1.02, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @toolbar_bg_color)
+	bg[INSENSITIVE] = @toolbar_bg_color
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton" = "murrine-button" {
+	bg[NORMAL] = shade (1.08, @toolbar_bg_color)
+	bg[PRELIGHT] = shade (1.10, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.95, @toolbar_bg_color)
+	bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color)
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton-label" = "murrine-toolbutton" {
+    fg[NORMAL] = @toolbar_fg_color
+    fg[PRELIGHT] = @toolbar_fg_color
+    fg[SELECTED] = @selected_fg_color
+    fg[ACTIVE] = @toolbar_fg_color
+    fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+    engine "murrine" {
+    }
+}
+
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkHandleBox" style "murrine-toolbar"
+widget_class "*Toolbar*.*Separator*" style "murrine-toolbar"
+
+# Panels
+
+style "murrine-panel" = "murrine-thin" {
+	xthickness = 2
+
+	bg[NORMAL] = @panel_bg_color
+	bg[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[ACTIVE] = shade (0.8, @panel_bg_color)
+	bg[INSENSITIVE] = @panel_bg_color
+
+	fg[NORMAL] = @panel_fg_color
+	fg[PRELIGHT] = shade (1.08, @panel_fg_color)
+	fg[SELECTED] = shade (1.08, @panel_fg_color)
+	fg[ACTIVE] = @panel_fg_color
+	fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	base[NORMAL] = @panel_bg_color
+	base[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[ACTIVE] = shade (0.9, @panel_bg_color)
+	base[INSENSITIVE] = @panel_bg_color
+
+	text[NORMAL] = @panel_fg_color
+	text[PRELIGHT] = shade (1.08, @panel_fg_color)
+	text[SELECTED] = shade (1.08, @panel_fg_color)
+	text[ACTIVE] = @panel_fg_color
+	text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+		contrast = 0.0
+	}
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+# LXPanel (code based on Lubuntu-default theme's gtkrc file)
+widget "*.tclock.*" style "murrine-panel"
+widget "*.taskbar.*" style "murrine-panel"
+widget_class "*GtkBgbox*" style "murrine-panel"
+
+style "bold-panel-item" {
+	font_name = "Bold"
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+	bg[ACTIVE] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+	bg[NORMAL] = shade (0.9, @bg_color)
+	base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+	bg[NORMAL] = @base_color
+	fg[INSENSITIVE] = shade (0.95, @base_color)
+	text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+	XfdesktopIconView::label-alpha = 0
+	XfdesktopIconView::selected-label-alpha = 60
+	XfdesktopIconView::shadow-x-offset = 0
+	XfdesktopIconView::shadow-y-offset = 1
+	XfdesktopIconView::selected-shadow-x-offset = 0
+	XfdesktopIconView::selected-shadow-y-offset = 1
+	XfdesktopIconView::shadow-color = @fg_color
+	XfdesktopIconView::selected-shadow-color = @fg_color
+	XfdesktopIconView::shadow-blur-radius = 2
+	XfdesktopIconView::cell-spacing = 2
+	XfdesktopIconView::cell-padding = 6
+	XfdesktopIconView::cell-text-width-proportion = 1.9
+
+	fg[NORMAL] = @bg_color
+	fg[ACTIVE] = @bg_color
+
+}
+
+style "xfwm-tabwin" {
+	Xfwm4TabwinWidget::border-width = 1
+        Xfwm4TabwinWidget::border-alpha = 1.0
+	Xfwm4TabwinWidget::icon-size = 64
+        Xfwm4TabwinWidget::alpha = 1.0
+        Xfwm4TabwinWidget::border-radius = 2
+
+	bg[NORMAL] = @menu_bg_color
+	bg[SELECTED] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+	}
+}
+
+style "xfwm-tabwin-button" {
+        font_name = "bold"
+
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfsm-logout" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[PRELIGHT] = shade (1.1, @menu_bg_color)
+	bg[SELECTED] = shade (0.5, @menu_bg_color)
+	bg[INSENSITIVE] = shade (1.3, @menu_bg_color)
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+
+	text[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+	}
+}
+
+style "xfsm-logout-button" {
+	bg[NORMAL] = shade (1.2, @menu_bg_color)
+	bg[PRELIGHT] = shade (1.4, @menu_bg_color)
+
+	engine "murrine" {
+	}
+}
+
+widget "*Pager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+# Thunar Styles
+
+style "sidepane" {
+	base[NORMAL] = @bg_color
+	base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color))
+	bg[NORMAL] = @bg_color
+	text[NORMAL] = mix (0.9, @fg_color, @bg_color)
+}
+
+widget_class "*ThunarShortcutsView*" style "sidepane"
+widget_class "*ThunarTreeView*" style "sidepane"
+widget_class "*ThunarLocationEntry*" style "murrine-entry"
+
+style "whiskermenu" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[PRELIGHT] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[ACTIVE] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+}
+
+style "whiskermenu-scrollbar" = "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		trough_shades = { 4.97, 4.97 }
+		trough_border_shades = { 5.0, 5.0 }
+	}
+}
+
+widget "whiskermenu-window*" style "whiskermenu"
+widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar"
+
+# Gtk2 Open-File Dialog
+
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane"
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+
+# Google Chrome/Chromium Styles (requires 9.0.597 or newer)
+
+style "chromium-toolbar-button" {
+	engine "murrine" {
+		roundness = 2
+		textstyle = 0
+	}
+}
+
+style "chrome-gtk-frame" {
+	ChromeGtkFrame::frame-color = @titlebar_bg_color
+	ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::frame-gradient-size = 0
+	ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
+	ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-gradient-size = 0
+	ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::scrollbar-trough-color = @bg_color
+	ChromeGtkFrame::scrollbar-slider-normal-color =  mix (0.21, @fg_color, @bg_color)
+	ChromeGtkFrame::scrollbar-slider-prelight-color =  mix (0.31, @fg_color, @bg_color)
+}
+
+class "ChromeGtkFrame" style "chrome-gtk-frame"
+
+widget_class "*Chrom*Button*" style "chromium-toolbar-button"
+
+# General Styles
+
+class "GtkWidget" style "murrine-default"
+
+class "GtkFrame" style "murrine-frame"
+class "MetaFrames" style "metacity-frame"
+class "GtkWindow" style "metacity-frame"
+
+class "GtkSeparator" style "murrine-wide"
+class "GtkCalendar" style "murrine-wide"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+class "GtkEntry" style "murrine-entry"
+
+widget_class "*<GtkNotebook>" style "clearlooks-notebook"
+widget_class "*<GtkNotebook>*<GtkEventBox>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkLayout>" style "clearlooks-notebook-bg"
+widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook"
+
+widget_class "*<GtkButton>" style "murrine-button"
+widget_class "*<GtkStatusbar>*" style "murrine-statusbar"
+widget_class "*<GtkProgress>" style "murrine-progressbar"
+widget_class "*<GtkProgressBar>" style "murrine-progressbar"
+
+widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry"
+widget_class "*<GtkCombo>*" style "murrine-comboboxentry"
+
+widget_class "*<GtkMenu>*" style "murrine-menu"
+widget_class "*<GtkMenuItem>*" style "murrine-menu-item"
+widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item"
+widget_class "*Menu*.*Sepa*"  style "murrine-separator-menu-item"
+widget_class "*<GtkMenuBar>*" style "murrine-menubar"
+widget_class "*<GtkMenuBar>*<GtkMenuItem>*" style "murrine-menubaritem"
+
+widget_class "*GtkToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToggleToolButton*" style "murrine-toolbutton"
+widget_class "*GtkMenuToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToolbar*Button" style "murrine-toolbutton"
+
+widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title"
+
+widget_class "*.<GtkTreeView>*" style "murrine-treeview"
+widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header"
+
+widget_class "*.<GtkCheckButton>" style "clearlooks-radiocheck"
+widget_class "*<GtkNotebook>.*.<GtkCheckButton>" style "clearlooks-base-radiocheck"
+widget_class "*<GtkCellRendererToggle>" style "clearlooks-base-radiocheck"
+
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+widget_class "*<GtkScrolledWindow>*<OsScrollbar>" style "murrine-overlay-scrollbar"
+
+# Workarounds and Non-Standard Styling
+
+style "text-is-fg-color-workaround" {
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @fg_color
+	text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+widget_class "*.<GtkComboBox>.<GtkCellView>" style "text-is-fg-color-workaround"
+
+style "fg-is-text-color-workaround" {
+	fg[NORMAL] = @text_color
+	fg[PRELIGHT] = @text_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[INSENSITIVE] = darker (@fg_color)
+}
+
+widget_class "*<GtkListItem>*" style "fg-is-text-color-workaround"
+widget_class "*<GtkCList>" style "fg-is-text-color-workaround"
+widget_class "*<EelEditableLabel>" style "fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround" {
+	engine "murrine" {
+		toolbarstyle = 0
+	}
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+style "inkscape-toolbar-fix" {
+	engine "murrine" {
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+		highlight_shade = 1.0
+	}
+}
+
+#widget "*GtkHandleBox*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix"
+
+# Performance Fixes
+
+style "performance-fix" {
+	engine "murrine" {
+		textstyle = 0
+	}
+}
+
+widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape
+widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp
+widget_class "*GimpToolbox*" style "performance-fix"
+widget_class "*GimpMenuDock*" style "performance-fix"
+widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice
+widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.)
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button"
+
+# button fg workarounds:
+widget_class "*.<GtkButton>.<GtkLabel>" style "murrine-buttonlabel"
+widget_class "*<GtkButton>*<GtkLabel>*" style:highest "murrine-buttonlabel"
+widget_class "*<GtkCheckButton>*<GtkLabel>*" style:highest "clearlooks-radiocheck-label"
+widget_class "*<GtkComboBoxText>*" style "murrine-buttonlabel"
+widget_class "*<GtkComboBoxText>*<GtkToggleButton>*" style "murrine-buttonlabel"
+widget_class "*<GtkComboBoxText>*<GtkEntry>*" style:highest "murrine-entry"
+widget_class "*<GtkToolbar>*<GtkToolButton>*<GtkLabel>*" style:highest "murrine-toolbutton-label"
diff --git a/Material/files/Material/gtk-2.0/gtkrc.hidpi b/Material/files/Material/gtk-2.0/gtkrc.hidpi
new file mode 100644
index 000000000..9f4f8b7b9
--- /dev/null
+++ b/Material/files/Material/gtk-2.0/gtkrc.hidpi
@@ -0,0 +1,995 @@
+# Oomox GTK Theme (Numix Fork)
+
+gtk-color-scheme =
+"base_color:#0F111A\nbg_color:#0F111A\ntooltip_bg_color:#0F111A\nselected_bg_color:#717CB4\ntext_color:#EEFFFF\nfg_color:#EEFFFF\ntooltip_fg_color:#EEFFFF\nselected_fg_color:#EEFFFF\nmenubar_bg_color:#0F111A\nmenubar_fg_color:#EEFFFF\ntoolbar_bg_color:#0F111A\ntoolbar_fg_color:#EEFFFF\nmenu_bg_color:#0F111A\nmenu_fg_color:#EEFFFF\npanel_bg_color:#0F111A\npanel_fg_color:#EEFFFF\nlink_color:#077fdb\nbtn_bg_color:#232637\nbtn_fg_color:#fafafa\ntitlebar_bg_color:#0F111A\ntitlebar_fg_color:#EEFFFF\nprimary_caret_color:#EEFFFF\nsecondary_caret_color:#EEFFFF\naccent_bg_color:#84FFFF\n"
+# Default Style
+
+style "murrine-default" {
+	GtkArrow::arrow-scaling= 1.0
+
+	GtkButton::child-displacement-x = 0
+	GtkButton::child-displacement-y = 0
+
+	#GtkButton::default-border = { 0, 0, 0, 0 }
+    GtkButton::inner-border        = { 0, 0, 1, 0 }
+    GtkButton::focus-line-width    = 2
+    #GtkButton::focus-padding       = 4
+    GtkButton::focus-padding       = 2
+    #GtkButton::interior-focus = 1
+
+    GtkEntry::inner-border        = { 4, 4, 5, 4 }
+    GtkComboBox::inner-border        = { 4, 4, 6, 5 }
+    GtkComboBoxText::inner-border        = { 4, 4, 6, 5 }
+
+	#GtkButtonBox::child-min-height = 52
+
+	GtkCheckButton::indicator-size = 30
+
+	# The following line hints to gecko (and possibly other appliations)
+	# that the entry should be drawn transparently on the canvas.
+	# Without this, gecko will fill in the background of the entry.
+	GtkEntry::honors-transparent-bg-hint = 1
+	GtkEntry::state-hint = 0
+
+	GtkExpander::expander-size = 30
+
+	GtkImage::x-ayatana-indicator-dynamic = 1
+
+	GtkMenu::horizontal-padding = 2
+	GtkMenu::vertical-padding = 2
+
+	GtkMenuBar::internal-padding = 1
+	GtkMenuBar::window-dragging = 1
+
+	GtkMenuItem::arrow-scaling= 0.5
+
+	GtkPaned::handle-size = 1
+
+	GtkProgressBar::min-horizontal-bar-height = 14
+	GtkProgressBar::min-vertical-bar-width = 14
+
+	GtkRange::trough-border = 0
+	GtkRange::slider-width = 24
+	GtkRange::stepper-size = 24
+	GtkRange::stepper_spacing = 0
+	GtkRange::trough-under-steppers = 1
+
+	GtkScale::slider-length = 30
+	GtkScale::slider-width = 30
+	GtkScale::trough-side-details = 1
+
+	GtkScrollbar::activate-slider = 1
+	GtkScrollbar::has-backward-stepper = 0
+	GtkScrollbar::has-forward-stepper = 0
+	GtkScrollbar::has-secondary-backward-stepper = 0
+	GtkScrollbar::has-secondary-forward-stepper = 0
+	GtkScrollbar::min-slider-length = 160
+	GtkScrollbar::slider-width = 24
+	GtkScrollbar::trough-border = 0
+
+	GtkScrolledWindow::scrollbar-spacing = 0
+	GtkScrolledWindow::scrollbars-within-bevel = 1
+
+	GtkSeparatorMenuItem::horizontal-padding = 0
+
+	GtkToolbar::internal-padding = 0
+
+	GtkTreeView::expander-size = 22
+	GtkTreeView::vertical-separator = 0
+
+	GtkWidget::focus-line-width = 2
+	# The following line prevents the Firefox tabs
+	# from jumping a few pixels when you create a new tab
+	GtkWidget::focus-padding = 0
+
+	GtkWidget::wide-separators = 1
+	GtkWidget::separator-width = 2
+	GtkWidget::separator-height = 2
+
+	GtkWindow::resize-grip-height = 2
+	GtkWindow::resize-grip-width = 2
+
+	WnckTasklist::fade-overlay-rect = 0
+
+	GnomeHRef::link_color = @link_color
+	GtkHTML::link-color = @link_color
+ 	GtkIMHtmlr::hyperlink-color = @link_color
+	GtkIMHtml::hyperlink-color = @link_color
+	GtkWidget::link-color = @link_color
+	GtkWidget::visited-link-color = @text_color
+
+	GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified
+	GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified
+
+	xthickness = 2
+	ythickness = 2
+
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+
+	bg[NORMAL] = @bg_color
+	bg[PRELIGHT] = shade (1.02, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @bg_color)
+	bg[INSENSITIVE] = @bg_color
+
+	base[NORMAL] = @base_color
+	base[PRELIGHT] = shade (0.95, @base_color)
+	base[SELECTED] = @selected_bg_color
+	base[ACTIVE] = @selected_bg_color
+	base[INSENSITIVE] = shade (0.85, @base_color)
+
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @text_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+	engine "murrine" {
+		animation = FALSE
+		arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows
+		border_shades = { 1.0, 1.0 } # gradient to draw on border
+		border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) }
+		colorize_scrollbar = FALSE
+		comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow
+		contrast = 0.8 # overal contrast with borders
+		focusstyle = 3 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow
+		glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight
+		glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides
+		glow_shade = 1.0 # amount of glow
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets
+		highlight_shade = 1.0 # amount of highlight
+		lightborder_shade = 1.0 # amount of inset light border
+		lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
+		listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+		listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line
+		menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+		menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+		menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+		menustyle = 0 # 0 = none, 1 = vertical striped
+		progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped
+		reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient
+		roundness = 8# roundness of widgets
+		scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+		sliderstyle = 0 # 0 = none, 1 = handles
+		stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles
+		toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
+   }
+}
+
+style "murrine-wide" {
+	xthickness = 6
+	ythickness = 6
+}
+
+style "murrine-wider" {
+	xthickness = 10
+	ythickness = 10
+}
+
+style "murrine-thin" {
+	xthickness = 1
+	ythickness = 1
+}
+
+# Notebook
+
+style "clearlooks-notebook-bg" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = shade (0.80, @bg_color)
+}
+
+style "clearlooks-notebook" = "clearlooks-notebook-bg" {
+	xthickness = 8
+	ythickness = 4
+
+	engine "clearlooks" {
+		radius = 0.1
+	}
+}
+
+# Various Standard Widgets
+
+style "murrine-button"  = "murrine-wider" {
+	bg[NORMAL] = @btn_bg_color
+	bg[PRELIGHT] = shade (1.04, @btn_bg_color)
+	bg[SELECTED] = mix (0.5, @selected_bg_color, @bg_color)
+	bg[ACTIVE] = shade (0.95, @btn_bg_color)
+	bg[INSENSITIVE] = shade (0.75, @btn_bg_color)
+    xthickness = 10
+    ythickness = 10
+    #xthickness = 5
+    #ythickness = 5
+
+	engine "murrine" {
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+		roundness = 8
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+	}
+}
+
+style "murrine-buttonlabel" {
+	fg[NORMAL] = @btn_fg_color
+	fg[PRELIGHT] = @btn_fg_color
+	fg[SELECTED] = @btn_fg_color
+	fg[ACTIVE] = @btn_fg_color
+    fg[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+    text[NORMAL] = @btn_fg_color
+    text[PRELIGHT] = @btn_fg_color
+    text[SELECTED] = @btn_fg_color
+    text[ACTIVE] = @btn_fg_color
+    text[INSENSITIVE] = @btn_fg_color
+    text[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-comboboxtext" = "murrine-buttonlabel" {
+    xthickness = 10
+    ythickness = 10
+}
+
+style "murrine-togglebutton" = "murrine-buttonlabel" {
+    xthickness = 10
+    ythickness = 10
+}
+
+style "murrine-radiocheck" = "murrine-togglebutton" {
+	text[NORMAL] = @accent_bg_color
+	text[PRELIGHT] = @accent_bg_color
+}
+
+style "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		roundness = 8
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+		trough_shades = { 0.97, 0.97 }
+		trough_border_shades = { 1.0, 1.0 }
+	}
+}
+
+style "murrine-overlay-scrollbar" {
+	bg[ACTIVE] = shade (0.8, @bg_color)
+	bg[INSENSITIVE] = shade (0.97, @bg_color)
+
+	base[SELECTED] = shade (0.6, @bg_color)
+	base[INSENSITIVE] = shade (0.85, @bg_color)
+}
+
+style "murrine-scale" = "murrine-thin" {
+	bg[NORMAL] = @btn_bg_color
+	bg[ACTIVE] = mix(0.2, @fg_color, @bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[INSENSITIVE] = mix(0.95, @bg_color, @btn_bg_color)
+
+	engine "murrine" {
+        roundness = 25
+		#roundness = 8
+		gradient_shades = { 1.08, 1.08, 1.08, 1.08 }
+		#border_shades = { 0.5, 0.5 }
+		border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+        #trough_shades = { 1.08, 1.08 }
+        trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-progressbar" = "murrine-thin" {
+	bg[NORMAL] = @bg_color
+	bg[ACTIVE] = mix(0.08, @bg_color, @base_color)
+
+	fg[PRELIGHT] = @selected_fg_color
+
+	engine "murrine" {
+		roundness = 8
+		border_shades = { 1.2, 1.2 }
+		trough_border_shades = { 0.8, 0.8 }
+	}
+}
+
+style "murrine-treeview-header" = "murrine-button" {
+	fg[NORMAL] = @fg_color
+	fg[PRELIGHT] = @fg_color
+	fg[SELECTED] = @fg_color
+	fg[ACTIVE] = @fg_color
+	fg[INSENSITIVE] = mix(0.20, @bg_color, @fg_color)
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-treeview" {
+  	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-frame" = "murrine-wide" {
+	bg[NORMAL] = mix(0.08, @fg_color, @bg_color)
+}
+
+style "murrine-frame-title" {
+	fg[NORMAL] = lighter (@fg_color)
+}
+
+style "murrine-tooltips" {
+	xthickness = 10
+	ythickness = 10
+
+	bg[NORMAL] = @tooltip_bg_color
+	bg[SELECTED] = @tooltip_bg_color
+
+	fg[NORMAL] = @tooltip_fg_color
+
+	engine "murrine" {
+		textstyle = 0
+		roundness = 8
+		rgba = FALSE
+	}
+}
+
+style "murrine-spinbutton" = "murrine-button" {
+    xthickness = 10
+    ythickness = 10
+	engine "murrine" {
+	}
+}
+
+style "clearlooks-radiocheck" = "murrine-default" {
+	bg[SELECTED] = @base_color
+	bg[PRELIGHT] = @bg_color
+
+	text[NORMAL] = @accent_bg_color
+	text[PRELIGHT] = @accent_bg_color
+
+	engine "clearlooks" {
+		radius = 8.0
+	}
+}
+
+style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" {
+	bg[PRELIGHT] = @bg_color
+}
+
+style "clearlooks-radiocheck-label" = "clearlooks-radiocheck" {
+    fg[NORMAL] = @fg_color
+    fg[PRELIGHT] = @fg_color
+    fg[SELECTED] = @fg_color
+    fg[ACTIVE] = @fg_color
+    fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+style "murrine-entry" = "murrine-wider" {
+    text[NORMAL] = @text_color
+    text[PRELIGHT] = @text_color
+    text[SELECTED] = @text_color
+    text[ACTIVE] = @text_color
+    text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+	xthickness = 10
+	ythickness = 10
+	engine "murrine" {
+		#border_shades = { 1.15, 1.15 }
+		border_colors = { mix(0.22, @text_color, @base_color), mix(0.22, @text_color, @base_color) }
+		roundness = 8
+	}
+}
+
+style "metacity-frame" = "murrine-default" {
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "murrine-statusbar" { }
+style "murrine-comboboxentry" = "murrine-entry" { }
+style "murrine-hscale" = "murrine-scale" { }
+style "murrine-vscale" = "murrine-scale" { }
+style "murrine-hscrollbar" = "murrine-scrollbar" { }
+style "murrine-vscrollbar" = "murrine-scrollbar" { }
+
+# Menus
+
+style "murrine-menu" = "murrine-thin" {
+	bg[NORMAL] = @menu_bg_color
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[INSENSITIVE] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	text[NORMAL] = @menu_fg_color
+	text[PRELIGHT] = @selected_fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @selected_fg_color
+	text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menu-item" = "murrine-wider" {
+	bg[PRELIGHT] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text
+	fg[PRELIGHT] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+	engine "murrine" {
+		textstyle = 0
+		border_shades = { 1.2, 1.2 }
+	}
+}
+
+style "murrine-separator-menu-item" = "murrine-thin" { }
+
+style "murrine-menubar" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+style "murrine-menubaritem" {
+	bg[NORMAL] = @menubar_bg_color
+	bg[PRELIGHT] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[SELECTED] =  mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+	bg[INSENSITIVE] = @menubar_bg_color
+
+	fg[NORMAL] = @menubar_fg_color
+	fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+	fg[SELECTED] = shade (1.08, @menubar_fg_color)
+	fg[ACTIVE] = @menubar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+# Toolbars
+
+style "murrine-toolbar" = "murrine-thin" {
+	bg[NORMAL] = @toolbar_bg_color
+	bg[PRELIGHT] = shade (1.02, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.9, @toolbar_bg_color)
+	bg[INSENSITIVE] = @toolbar_bg_color
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton" = "murrine-button" {
+	bg[NORMAL] = shade (1.08, @toolbar_bg_color)
+	bg[PRELIGHT] = shade (1.10, @toolbar_bg_color)
+	bg[SELECTED] = @selected_bg_color
+	bg[ACTIVE] = shade (0.95, @toolbar_bg_color)
+	bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color)
+
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+style "murrine-toolbutton-label" = "murrine-toolbutton" {
+	fg[NORMAL] = @toolbar_fg_color
+	fg[PRELIGHT] = @toolbar_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[ACTIVE] = @toolbar_fg_color
+	fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+	engine "murrine" {
+	}
+}
+
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkHandleBox" style "murrine-toolbar"
+widget_class "*Toolbar*.*Separator*" style "murrine-toolbar"
+
+# Panels
+
+style "murrine-panel" = "murrine-thin" {
+	xthickness = 2
+
+	bg[NORMAL] = @panel_bg_color
+	bg[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	bg[ACTIVE] = shade (0.8, @panel_bg_color)
+	bg[INSENSITIVE] = @panel_bg_color
+
+	fg[NORMAL] = @panel_fg_color
+	fg[PRELIGHT] = shade (1.08, @panel_fg_color)
+	fg[SELECTED] = shade (1.08, @panel_fg_color)
+	fg[ACTIVE] = @panel_fg_color
+	fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	base[NORMAL] = @panel_bg_color
+	base[PRELIGHT] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[SELECTED] =  mix (0.21, @panel_fg_color, @panel_bg_color)
+	base[ACTIVE] = shade (0.9, @panel_bg_color)
+	base[INSENSITIVE] = @panel_bg_color
+
+	text[NORMAL] = @panel_fg_color
+	text[PRELIGHT] = shade (1.08, @panel_fg_color)
+	text[SELECTED] = shade (1.08, @panel_fg_color)
+	text[ACTIVE] = @panel_fg_color
+	text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+	engine "murrine" {
+		roundness = 0
+		contrast = 0.0
+	}
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+# LXPanel (code based on Lubuntu-default theme's gtkrc file)
+widget "*.tclock.*" style "murrine-panel"
+widget "*.taskbar.*" style "murrine-panel"
+widget_class "*GtkBgbox*" style "murrine-panel"
+
+style "bold-panel-item" {
+	font_name = "Bold"
+
+	engine "murrine" {
+		roundness = 0
+	}
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+	bg[ACTIVE] = @selected_bg_color
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+	bg[NORMAL] = shade (0.9, @bg_color)
+	base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+	bg[NORMAL] = @base_color
+	fg[INSENSITIVE] = shade (0.95, @base_color)
+	text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+       XfdesktopIconView::label-alpha = 0
+       XfdesktopIconView::selected-label-alpha = 60
+       XfdesktopIconView::shadow-x-offset = 0
+       XfdesktopIconView::shadow-y-offset = 1
+       XfdesktopIconView::selected-shadow-x-offset = 0
+       XfdesktopIconView::selected-shadow-y-offset = 1
+       XfdesktopIconView::shadow-color = @fg_color
+       XfdesktopIconView::selected-shadow-color = @fg_color
+       XfdesktopIconView::shadow-blur-radius = 2
+       XfdesktopIconView::cell-spacing = 2
+       XfdesktopIconView::cell-padding = 6
+       XfdesktopIconView::cell-text-width-proportion = 1.9
+
+       fg[NORMAL] = @bg_color
+       fg[ACTIVE] = @bg_color
+
+}
+
+style "xfwm-tabwin" {
+	Xfwm4TabwinWidget::border-width = 1
+        Xfwm4TabwinWidget::border-alpha = 1.0
+	Xfwm4TabwinWidget::icon-size = 64
+        Xfwm4TabwinWidget::alpha = 1.0
+        Xfwm4TabwinWidget::border-radius = 2
+
+	bg[NORMAL] = @menu_bg_color
+	bg[SELECTED] = @menu_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+		contrast = 0.0
+		border_shades = { 0.9, 0.9 }
+	}
+}
+
+style "xfwm-tabwin-button" {
+        font_name = "bold"
+
+	bg[SELECTED] = @selected_bg_color
+}
+
+style "xfsm-logout" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = @menu_bg_color
+	bg[PRELIGHT] = shade (1.1, @menu_bg_color)
+	bg[SELECTED] = shade (0.5, @menu_bg_color)
+	bg[INSENSITIVE] = shade (1.3, @menu_bg_color)
+
+	fg[NORMAL] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+
+	text[NORMAL] = @menu_fg_color
+
+	engine "murrine" {
+	}
+}
+
+style "xfsm-logout-button" {
+	bg[NORMAL] = shade (1.2, @menu_bg_color)
+	bg[PRELIGHT] = shade (1.4, @menu_bg_color)
+
+	engine "murrine" {
+	}
+}
+
+widget "*Pager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+# Thunar Styles
+
+style "sidepane" {
+	base[NORMAL] = @bg_color
+	base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color))
+	bg[NORMAL] = @bg_color
+	text[NORMAL] = mix (0.9, @fg_color, @bg_color)
+}
+
+widget_class "*ThunarShortcutsView*" style "sidepane"
+widget_class "*ThunarTreeView*" style "sidepane"
+widget_class "*ThunarLocationEntry*" style "murrine-entry"
+
+style "whiskermenu" {
+	bg[NORMAL] = @menu_bg_color
+	bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+	bg[PRELIGHT] = @selected_bg_color
+
+	fg[NORMAL] = @menu_fg_color
+	fg[ACTIVE] = @menu_fg_color
+	fg[PRELIGHT] = @menu_fg_color
+}
+
+style "whiskermenu-scrollbar" = "murrine-scrollbar" {
+	bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+	bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+	bg[ACTIVE] = @selected_bg_color
+
+	engine "murrine" {
+		trough_shades = { 4.97, 4.97 }
+		trough_border_shades = { 5.0, 5.0 }
+	}
+}
+
+widget "whiskermenu-window*" style "whiskermenu"
+widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar"
+
+# Gtk2 Open-File Dialog
+
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane"
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+
+# Google Chrome/Chromium Styles (requires 9.0.597 or newer)
+
+style "chromium-toolbar-button" {
+	engine "murrine" {
+		roundness = 8
+		textstyle = 0
+	}
+}
+
+style "chrome-gtk-frame" {
+	ChromeGtkFrame::frame-color = @titlebar_bg_color
+	ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::frame-gradient-size = 0
+	ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
+	ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+	ChromeGtkFrame::incognito-frame-gradient-size = 0
+	ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color
+
+	ChromeGtkFrame::scrollbar-trough-color = @bg_color
+	ChromeGtkFrame::scrollbar-slider-normal-color =  mix (0.21, @fg_color, @bg_color)
+	ChromeGtkFrame::scrollbar-slider-prelight-color =  mix (0.31, @fg_color, @bg_color)
+}
+
+class "ChromeGtkFrame" style "chrome-gtk-frame"
+
+widget_class "*Chrom*Button*" style "chromium-toolbar-button"
+
+# General Styles
+
+class "GtkWidget" style "murrine-default"
+
+class "GtkFrame" style "murrine-frame"
+class "MetaFrames" style "metacity-frame"
+class "GtkWindow" style "metacity-frame"
+
+class "GtkSeparator" style "murrine-wide"
+class "GtkCalendar" style "murrine-wide"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+class "GtkEntry" style "murrine-entry"
+
+widget_class "*<GtkNotebook>" style "clearlooks-notebook"
+widget_class "*<GtkNotebook>*<GtkEventBox>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "clearlooks-notebook-bg"
+widget_class "*<GtkNotebook>*<GtkLayout>" style "clearlooks-notebook-bg"
+widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook"
+
+widget_class "*<GtkButton>" style "murrine-button"
+widget_class "*<GtkStatusbar>*" style "murrine-statusbar"
+widget_class "*<GtkProgress>" style "murrine-progressbar"
+widget_class "*<GtkProgressBar>" style "murrine-progressbar"
+
+widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry"
+widget_class "*<GtkCombo>*" style "murrine-comboboxentry"
+
+widget_class "*<GtkMenu>*" style "murrine-menu"
+widget_class "*<GtkMenuItem>*" style "murrine-menu-item"
+widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item"
+widget_class "*Menu*.*Sepa*"  style "murrine-separator-menu-item"
+widget_class "*<GtkMenuBar>*" style "murrine-menubar"
+widget_class "*<GtkMenuBar>*<GtkMenuItem>*" style "murrine-menubaritem"
+
+widget_class "*GtkToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToggleToolButton*" style "murrine-toolbutton"
+widget_class "*GtkMenuToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToolbar*Button" style "murrine-toolbutton"
+
+widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title"
+
+widget_class "*.<GtkTreeView>*" style "murrine-treeview"
+widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header"
+widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header"
+
+widget_class "*.<GtkCheckButton>" style "clearlooks-radiocheck"
+widget_class "*<GtkNotebook>.*.<GtkCheckButton>" style "clearlooks-base-radiocheck"
+widget_class "*<GtkCellRendererToggle>" style "clearlooks-base-radiocheck"
+
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+widget_class "*<GtkScrolledWindow>*<OsScrollbar>" style "murrine-overlay-scrollbar"
+
+# Workarounds and Non-Standard Styling
+
+style "text-is-fg-color-workaround" {
+	text[NORMAL] = @text_color
+	text[PRELIGHT] = @fg_color
+	text[SELECTED] = @selected_fg_color
+	text[ACTIVE] = @fg_color
+	text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+widget_class "*.<GtkComboBox>.<GtkCellView>" style "text-is-fg-color-workaround"
+
+style "fg-is-text-color-workaround" {
+	fg[NORMAL] = @text_color
+	fg[PRELIGHT] = @text_color
+	fg[ACTIVE] = @selected_fg_color
+	fg[SELECTED] = @selected_fg_color
+	fg[INSENSITIVE] = darker (@fg_color)
+}
+
+widget_class "*<GtkListItem>*" style "fg-is-text-color-workaround"
+widget_class "*<GtkCList>" style "fg-is-text-color-workaround"
+widget_class "*<EelEditableLabel>" style "fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround" {
+	engine "murrine" {
+		toolbarstyle = 0
+	}
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+style "inkscape-toolbar-fix" {
+	engine "murrine" {
+		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+		highlight_shade = 1.0
+	}
+}
+
+#widget "*GtkHandleBox*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix"
+
+
+
+
+style "gimp-default-style" {
+# Uncommenting this line allows to set a different (smaller) font for GIMP.
+#
+# font_name = "sans 8"
+# Enabling the following line for some reason breaks toolbox resize
+# increment calculation. You can enable it to get an even smaller GUI
+# but need to restart GIMP after the theme change.
+#
+# GtkWidget::focus-padding         = 0
+  GtkOptionMenu::indicator-size    = { 15, 25 }
+  GtkOptionMenu::indicator-spacing = { 10, 8, 4, 4 }
+  GtkPaned::handle-size             = 5
+  GimpDockWindow::default-height    = 600
+  GimpDock::font-scale              = 1.0
+  GimpMenuDock::minimal-width       = 400
+  GimpToolPalette::tool-icon-size   = large-toolbar
+  GimpToolPalette::button-relief    = none
+  GimpDockbook::tab-border          = 0
+  GimpDockbook::tab-icon-size       = button
+  GimpColorNotebook::tab-border     = 0
+  GimpColorNotebook::tab-icon-size  = button
+  GimpDeviceEditor::handle-size     = 30
+  GimpDockable::content-border      = 1
+  GimpEditor::content-spacing       = 1
+  GimpEditor::button-spacing        = 1
+  GimpEditor::button-icon-size      = button
+  GimpDataEditor::minimal-height    = 150
+  GimpFrame::label-spacing          = 5
+  GtkDialog::content-area-border    = 2
+  GtkDialog::button-spacing         = 20
+  GtkDialog::action-area-border     = 25
+  GimpUnitComboBox::appears-as-list = 0
+}
+
+class "GtkWidget" style "gimp-default-style"
+style "gimp-tool-dialog-style" = "gimp-default-style"
+{
+  GtkDialog::action-area-border = 6
+}
+class "GimpToolDialog" style "gimp-tool-dialog-style"
+style "gimp-grid-view-style" = "gimp-default-style"
+{
+  bg[NORMAL] = { 1.0, 1.0, 1.0 }
+}
+widget "*GimpContainerGridView*GtkViewport*" style "gimp-grid-view-style"
+style "gimp-dockable-style" = "gimp-default-style"
+{
+  GimpFrame::label-bold       = 0
+  GtkButton::focus-line_width = 1
+  GtkButton::focus-padding    = 0
+}
+widget "*GimpDockable.*" style "gimp-dockable-style"
+style "gimp-display-style" = "gimp-default-style"
+{
+  GimpRuler::font-scale          = 1.0
+  GimpUnitComboBox::label-scale  = 1.0
+  GimpScaleComboBox::label-scale = 1.0
+  GtkComboBox::arrow-size        = 20
+  GtkButton::inner-border        = { 0, 0, 0, 0 }
+  GtkButton::focus-line-width    = 0
+  GtkButton::focus-padding       = 0
+}
+widget "*GimpDisplayShell.*" style "gimp-display-style"
+style "gimp-overlay-style" = "gimp-display-style"
+{
+  GtkButton::focus-line_width = 2
+}
+widget_class "*<GimpOverlayFrame>*" style "gimp-overlay-style"
+
+
+
+
+# Performance Fixes
+
+style "performance-fix" {
+	engine "murrine" {
+		textstyle = 0
+	}
+}
+
+widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape
+widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp
+widget_class "*GimpToolbox*" style "performance-fix"
+widget_class "*GimpMenuDock*" style "performance-fix"
+widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice
+widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.)
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button"
+
+
+# button fg workarounds:
+widget_class "*.<GtkButton>.<GtkLabel>" style "murrine-buttonlabel"
+widget_class "*<GtkButton>*<GtkLabel>*" style:highest "murrine-buttonlabel"
+widget_class "*<GtkCheckButton>*<GtkLabel>*" style:highest "clearlooks-radiocheck-label"
+widget_class "*<GtkComboBoxText>*" style "murrine-comboboxtext"
+widget_class "*<GtkToggleButton>*" style "murrine-togglebutton"
+widget_class "*.<GtkCheckButton>" style "murrine-radiocheck"
+widget_class "*<GtkComboBoxText>*<GtkEntry>*" style:highest "murrine-entry"
+widget_class "*<GtkToolbar>*<GtkToolButton>*<GtkLabel>*" style:highest "murrine-toolbutton-label"
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/check-symbolic.svg b/Material/files/Material/gtk-3.0/assets/scalable/check-symbolic.svg
new file mode 100644
index 000000000..f2fc5ef1e
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/check-symbolic.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg17087"
+   sodipodi:docname="check-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="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="19.67"
+     inkscape:cx="-1.6522623"
+     inkscape:cy="11.006609"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 15.5898,4.5801 17,6 8,15 3,10 4.4102,8.5898 8,12.1699 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/check-symbolic@2.svg b/Material/files/Material/gtk-3.0/assets/scalable/check-symbolic@2.svg
new file mode 100644
index 000000000..464c67eeb
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/check-symbolic@2.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17087"
+   sodipodi:docname="check-symbolic@2.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="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="9.835"
+     inkscape:cx="-16.624301"
+     inkscape:cy="15.302491"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 31.1796,9.1602 34,12 16,30 6,20 8.8204,17.1796 16,24.3398 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg b/Material/files/Material/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg
new file mode 100644
index 000000000..ad580858a
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/checkbox-checked-symbolic.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="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm5.5898 4.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801 7.5898-7.5898z"/>
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg b/Material/files/Material/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg
new file mode 100644
index 000000000..b12be3edc
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.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="m12 2c-5.52 0-10 4.48-10 10 0 5.52 4.48 10 10 10 5.52 0 10-4.48 10-10 0-5.52-4.48-10-10-10zm-5 9h10v2h-10v-2z"/>
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg b/Material/files/Material/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg
new file mode 100644
index 000000000..6d9755906
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg b/Material/files/Material/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg
new file mode 100644
index 000000000..e2a252b5f
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+  <path d="M0 0h12A12 12 0 1 1 0 12z"/>
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/dot-symbolic.svg b/Material/files/Material/gtk-3.0/assets/scalable/dot-symbolic.svg
new file mode 100644
index 000000000..8cfdb6208
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg18041"
+   sodipodi:docname="dot-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="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     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="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 10,7 c 1.656,0 3,1.344 3,3 0,1.656 -1.344,3 -3,3 C 8.344,13 7,11.656 7,10 7,8.344 8.344,7 10,7 Z"
+     id="path18039"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/dot-symbolic@2.svg b/Material/files/Material/gtk-3.0/assets/scalable/dot-symbolic@2.svg
new file mode 100644
index 000000000..7714de691
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/dot-symbolic@2.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg18041"
+   sodipodi:docname="dot-symbolic@2.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="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     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="-17.288136"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 20,14 c 3.312,0 6,2.688 6,6 0,3.312 -2.688,6 -6,6 -3.312,0 -6,-2.688 -6,-6 0,-3.312 2.688,-6 6,-6 z"
+     id="path18039"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/line-symbolic.svg b/Material/files/Material/gtk-3.0/assets/scalable/line-symbolic.svg
new file mode 100644
index 000000000..ec2566e40
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg17473"
+   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="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     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="2.2881356"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 7,11 h 10 v 2 H 7 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/line-symbolic@2.svg b/Material/files/Material/gtk-3.0/assets/scalable/line-symbolic@2.svg
new file mode 100644
index 000000000..06ef46eb9
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/line-symbolic@2.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17473"
+   sodipodi:docname="line-symbolic@2.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="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     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="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 10,18 h 20 v 4 H 10 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/radio-checked-symbolic.svg b/Material/files/Material/gtk-3.0/assets/scalable/radio-checked-symbolic.svg
new file mode 100644
index 000000000..9da9f060d
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/radio-checked-symbolic.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="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z"/>
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg b/Material/files/Material/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg
new file mode 100644
index 000000000..55d89167d
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg b/Material/files/Material/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg
new file mode 100644
index 000000000..6d9755906
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/scale-slider-symbolic.svg b/Material/files/Material/gtk-3.0/assets/scalable/scale-slider-symbolic.svg
new file mode 100644
index 000000000..4b00bc195
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/scale-slider-symbolic.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <linearGradient id="a" x2="24" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#1A73E8" offset="1"/>
+  </linearGradient>
+ </defs>
+ <g id="scale-slider">
+  <rect width="24" height="24" fill="none"/>
+  <circle cx="12" cy="12" r="6"/>
+ </g>
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/small-check-symbolic.svg b/Material/files/Material/gtk-3.0/assets/scalable/small-check-symbolic.svg
new file mode 100644
index 000000000..d6eb8a5bc
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/small-check-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17727"
+   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="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="29.5"
+     inkscape:cx="7.9152542"
+     inkscape:cy="7.8474576"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 12.5996,3.5898 14.0098,5 l -8,8 -4,-4 1.4102,-1.4102 2.5898,2.5898 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/small-check-symbolic@2.svg b/Material/files/Material/gtk-3.0/assets/scalable/small-check-symbolic@2.svg
new file mode 100644
index 000000000..245090260
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/small-check-symbolic@2.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17727"
+   sodipodi:docname="small-check-symbolic@2.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="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="14.75"
+     inkscape:cx="7.0847458"
+     inkscape:cy="10.271186"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 25.1992,7.1796 28.0196,10 l -16,16 -8,-8 2.8204,-2.8204 5.1796,5.1796 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg b/Material/files/Material/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg
new file mode 100644
index 000000000..a2ba98196
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0a8 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-8zm4.5996 3.5898 1.4102 1.4102-8 8-4-4 1.4102-1.4102 2.5898 2.5898 6.5898-6.5898z"/>
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/Material/files/Material/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 000000000..1e1a895ce
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0a8 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-8zm-4 7h8v2h-8v-2z"/>
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/Material/files/Material/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
new file mode 100644
index 000000000..f87038196
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M8 0a8 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-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/>
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/small-dot-symbolic.svg b/Material/files/Material/gtk-3.0/assets/scalable/small-dot-symbolic.svg
new file mode 100644
index 000000000..994449063
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/small-dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg18170"
+   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="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     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="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 8,5 c 1.6568542,0 3,1.3431458 3,3 0,1.6568542 -1.3431458,3 -3,3 C 6.3431458,11 5,9.6568542 5,8 5,6.3431458 6.3431458,5 8,5 Z"
+     id="path18168"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg b/Material/files/Material/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg
new file mode 100644
index 000000000..0d11382ce
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg18170"
+   sodipodi:docname="small-dot-symbolic@2.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="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     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="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 16,10 c 3.313708,0 6,2.686292 6,6 0,3.313708 -2.686292,6 -6,6 -3.313708,0 -6,-2.686292 -6,-6 0,-3.313708 2.686292,-6 6,-6 z"
+     id="path18168"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/small-line-symbolic.svg b/Material/files/Material/gtk-3.0/assets/scalable/small-line-symbolic.svg
new file mode 100644
index 000000000..221ae3aad
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/small-line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17912"
+   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="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     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="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 4,7 h 8 V 9 H 4 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/small-line-symbolic@2.svg b/Material/files/Material/gtk-3.0/assets/scalable/small-line-symbolic@2.svg
new file mode 100644
index 000000000..166951608
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/small-line-symbolic@2.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17912"
+   sodipodi:docname="small-line-symbolic@2.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="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     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="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 8,14 h 16 v 4 H 8 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg b/Material/files/Material/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg
new file mode 100644
index 000000000..1d96d6cc5
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0c-4.4183 0-8 3.5817-8 8s3.5817 8 8 8 8-3.5817 8-8-3.5817-8-8-8zm0 5a3 3 0 0 1 3 3 3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3z"/>
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg b/Material/files/Material/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg
new file mode 100644
index 000000000..4f699370c
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0a8 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-8zm-4 7h8v2h-8z"/>
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg b/Material/files/Material/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg
new file mode 100644
index 000000000..f87038196
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M8 0a8 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-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/>
+</svg>
diff --git a/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 000000000..597a4e6fc
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png
new file mode 100644
index 000000000..63a252bb3
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 000000000..c8b17ae3a
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 000000000..fe61efb6e
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 000000000..e5099acff
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png
new file mode 100644
index 000000000..149543905
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider.png b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 000000000..320fe9bb5
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider@2.png b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider@2.png
new file mode 100644
index 000000000..4449641e8
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-after-slider@2.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 000000000..7966479f2
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png
new file mode 100644
index 000000000..a66b5a391
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 000000000..f398287c4
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 000000000..cfbc21dd7
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 000000000..2e096715d
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png
new file mode 100644
index 000000000..41651c157
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider.png b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 000000000..640a66715
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider@2.png b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider@2.png
new file mode 100644
index 000000000..a276f6502
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-horz-marks-before-slider@2.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 000000000..e061e9bf3
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png
new file mode 100644
index 000000000..e9319b996
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 000000000..483f8e023
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 000000000..78d188932
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 000000000..a34601c8a
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png
new file mode 100644
index 000000000..f5779e00f
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider.png b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 000000000..c594c1ef2
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider@2.png b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider@2.png
new file mode 100644
index 000000000..3ac4e8e5c
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-after-slider@2.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 000000000..bd90f1dc6
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png
new file mode 100644
index 000000000..8bd251166
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 000000000..c73d4f7be
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 000000000..68e783cba
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 000000000..3ff2e2964
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png
new file mode 100644
index 000000000..8444d3166
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider.png b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 000000000..d5a5fe1a2
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider@2.png b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider@2.png
new file mode 100644
index 000000000..a8ef20f29
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/scale-vert-marks-before-slider@2.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 000000000..95d4a8ad6
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png b/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png
new file mode 100644
index 000000000..57cd4ae64
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-checked.png b/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 000000000..8734299f9
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-checked.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-checked@2.png b/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-checked@2.png
new file mode 100644
index 000000000..4157a485b
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-checked@2.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 000000000..78e50a6e2
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png
new file mode 100644
index 000000000..adc12ce25
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-unchecked.png b/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 000000000..40ff92e03
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-unchecked.png differ
diff --git a/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png b/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png
new file mode 100644
index 000000000..8e87ea7e0
Binary files /dev/null and b/Material/files/Material/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png differ
diff --git a/Material/files/Material/gtk-3.0/gtk-dark.css b/Material/files/Material/gtk-3.0/gtk-dark.css
new file mode 100644
index 000000000..ac65fa915
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/gtk-dark.css
@@ -0,0 +1,11470 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #0f111a;
+/* text widgets and the like base background color */
+@define-color theme_base_color #0f111a;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f111a;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #232637;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #0f111a;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #0f111a;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #0f111a;
+@define-color wm_unfocused_bg #0f111a;
+@define-color wm_button_close_icon #0f111a;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #0f111a;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #0f111a;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #0f111a;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #0f111a;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #0f111a;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #0f111a;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #0f111a;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #0f111a;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #e2e9e9 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #e2e9e9 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #f07178;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #e2e9e9;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #eeffff;
+  background-color: #464b5d;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #232637;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #0f111a;
+}
+
+textview border {
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+.dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #f07178;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #0f111a;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #eeffff;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(154, 165, 206, 0.9);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(154, 165, 206, 0.7);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.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;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar 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.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+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 {
+  color: #89ddff;
+}
+
+*:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #0f111a;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+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(238, 255, 255, 0.12);
+  background-color: #232637;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+  color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar stackswitcher {
+  border: 2px solid #e2e9e9;
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: #0f111a;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.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 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.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: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 10px 20px;
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 20px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #0f111a;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+  background-color: #292d3e;
+  color: #84ffff;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(238, 255, 255, 0.3);
+  border-top-color: rgba(238, 255, 255, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(238, 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: #eeffff;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #0f111a;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #292d3e;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 2px solid #e2e9e9;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #eeffff;
+  font: initial;
+  font-weight: 500;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #3b3f51;
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-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),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #464b5d;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+  margin-top: 8px;
+  margin-bottom: -12px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #eeffff;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+  margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 2px solid #676e95;
+  box-shadow: none;
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #292d3e;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #232637;
+  color: #84ffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: transparent;
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: transparent;
+}
+
+scrollbar.bottom {
+  border-bottom: transparent;
+}
+
+scrollbar.left {
+  border-bottom: transparent;
+}
+
+scrollbar.right {
+  border-bottom: transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 4px;
+  min-height: 4px;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 2px;
+  min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 2px;
+  min-height: 2px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+  background-color: transparent;
+  color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked slider {
+  background-color: #0f111a;
+  color: #0f111a;
+}
+
+/*************************
+ * 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;
+}
+
+.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;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -8px;
+  padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #e2e9e9;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+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:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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;
+}
+
+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(238, 255, 255, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+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')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #eeffff;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #e2e9e9;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+  border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #0f111a;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #ffcb6b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #c3e88d;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms 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(238, 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: #eeffff;
+}
+
+expander title > arrow:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #292d3e;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+.csd filechooser {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #0f111a;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(238, 255, 255, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.12)),
+    image(rgba(238, 255, 255, 0.12));
+  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;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #0f111a;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip * {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #e2e9e9;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #0f111a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 14px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 16px transparent;
+  border: 2px solid #84ffff;
+  background-clip: border-box;
+  margin: 8px;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 16px transparent;
+  border: 2px solid #464b5d;
+  background-clip: border-box;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+  border-radius: 0;
+  border: none;
+}
+
+.popup decoration {
+  box-shadow: none;
+}
+
+.ssd decoration {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #84ffff;
+  border: none;
+  border-radius: 12px 12px 0 0;
+}
+
+.ssd decoration:backdrop {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #464b5d;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  border: 2px solid #676e95;
+  background-clip: border-box;
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.csd decoration {
+  border-radius: 12px;
+  border: none;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  border: 2px solid #e2e9e9;
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #0f111a;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close {
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:active {
+  background-color: #ffcb6b;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active {
+  background-color: shade(#ffcb6b, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:active {
+  background-color: #c3e88d;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+  background-color: shade(#c3e88d, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+  background-color: #f07178;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+  background-color: shade(#f07178, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop {
+  background-color: #464b5d;
+  color: transparent;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.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(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #e2e9e9;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#e2e9e9, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#e2e9e9, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #0f111a;
+  color: #e2e9e9;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #232637;
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #232637;
+  font-weight: 700;
+  border-left: 3px solid #f07178;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #84ffff;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #232637;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #eeffff;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #84ffff;
+  background-color: #232637;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+  color: #84ffff;
+  background-color: #232637;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #232637;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #84ffff;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #e2e9e9;
+  color: #e2e9e9;
+}
+
+.disk-space-display.free {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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 {
+  margin: -6px 0 0 -6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > label {
+  margin: 0 8px;
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > box
+  > button {
+  border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+  padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+  margin-top: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box {
+  margin-bottom: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box.linked {
+  margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+  margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #232637;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #232637;
+}
+
+.gedit-document-panel row button.flat {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #292d3e;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > 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;
+}
+
+/**********
+ * Tweaks *
+ **********/
+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,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > 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 list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > 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 list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > 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 list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #292d3e;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > 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
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+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
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#eeffff,
+.tweak-#eeffff,
+.tweak-#eeffff:hover {
+  background-image: image(#0f111a);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#0f111a);
+}
+
+.tweak-group-startup {
+  background-image: image(#0f111a);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > 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: #0f111a;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > 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 > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #0f111a;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > 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;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #0f111a;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#0f111a);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #e2e9e9;
+  background-color: #0f111a;
+}
+
+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(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #0f111a;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #232637;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #e2e9e9 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+docktab:checked {
+  transition: all 75ms 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 #e2e9e9;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+dockoverlayedge {
+  background-color: #0f111a;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+pillbox {
+  background-color: #0f111a;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #0f111a;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.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: #eeffff;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #0f111a;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(226, 233, 233, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #eeffff;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #eeffff;
+}
+
+button.photos-filter-preview:checked image {
+  color: #eeffff;
+}
+
+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;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#232637);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#e2e9e9);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #0f111a;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #0f111a;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  padding: 0 2px 3px 2px;
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+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: 12px;
+}
+
+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: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#232637);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #232637;
+  color: #eeffff;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  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: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #eeffff;
+  background-color: #0f111a;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #0f111a;
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * 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,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #0f111a;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified headerbar.selection-mode {
+  box-shadow: none;
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+  border: none;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #84ffff, 0 0 16px transparent;
+}
+
+window.background.csd.unified:backdrop,
+window.background.csd.unified > decoration:backdrop,
+window.background.csd.unified > decoration-overlay:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #464b5d, 0 0 16px transparent;
+}
+
+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;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+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(#292d3e);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+window > notebook > stack {
+  margin: 0 3px 3px 3px;
+}
+
+window > notebook {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #0f111a;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #292d3e;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #444267;
+}
+
+window.background.chromium > button {
+  color: #e2e9e9;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #e2e9e9;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #444267;
+  background-color: #0f111a;
+}
+
+window.background.chromium menu {
+  border-color: #515772;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #0f111a;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #e2e9e9;
+  box-shadow: inset 0 0 0 1px #e2e9e9;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #232637;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #717cb4;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #8da3ca;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(113, 124, 180, 0.5);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #eeffff;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #444267;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #444267;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #0f111a;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -2px;
+  border: 2px solid #e2e9e9;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #0f111a;
+}
+
+/*********
+ * 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: #e2e9e9;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(15, 17, 26, 0.95);
+  color: #eeffff;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #e2e9e9;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.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 {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 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: #e2e9e9;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+.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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #292d3e;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #e2e9e9;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.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: #0f111a;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  background-image: none;
+  color: #eeffff;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #0f111a;
+  color: #eeffff;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+#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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #e2e9e9;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #292d3e;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(238, 255, 255, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #eeffff;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(238, 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(238, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(238, 255, 255, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(238, 255, 255, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #232637;
+}
+
+.budgie-panel button {
+  color: rgba(238, 255, 255, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #f07178;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #eeffff;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #eeffff;
+}
+
+.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:not(:checked) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+}
+
+.top frame.raven-frame > border {
+  margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+  margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+  margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+  margin-left: 32px;
+}
+
+.raven {
+  background-color: #292d3e;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.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(238, 255, 255, 0.06);
+  color: #eeffff;
+}
+
+.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: #eeffff;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #232637;
+  color: #eeffff;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #f07178;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #eeffff;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #0f111a;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+#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(238, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+  background-color: #0f111a;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover,
+.nemo-window .primary-toolbar button.text-button:active,
+.nemo-window .primary-toolbar button.text-button:checked {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+  border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #232637;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #676e95;
+  -nemoplacestreeview-disk-full-fg-color: #e2e9e9;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
diff --git a/Material/files/Material/gtk-3.0/gtk.css b/Material/files/Material/gtk-3.0/gtk.css
new file mode 100644
index 000000000..4d40de0f6
--- /dev/null
+++ b/Material/files/Material/gtk-3.0/gtk.css
@@ -0,0 +1,11470 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #0f111a;
+/* text widgets and the like base background color */
+@define-color theme_base_color #0f111a;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f111a;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #232637;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #0f111a;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #0f111a;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #0f111a;
+@define-color wm_unfocused_bg #0f111a;
+@define-color wm_button_close_icon #0f111a;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #0f111a;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #0f111a;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #0f111a;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #0f111a;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #0f111a;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #0f111a;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #0f111a;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #0f111a;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #e2e9e9 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #e2e9e9 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -gtktoolbutton-icon-spacing: 0;
+  -gtktextview-error-underline-color: #f07178;
+  -gtkscrolledwindow-scrollbar-spacing: 0;
+  -gtktoolitemgroup-expander-size: 11;
+  -gtkwidget-text-handle-width: 24;
+  -gtkwidget-text-handle-height: 24;
+  -gtkdialog-button-spacing: 6;
+  -gtkdialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #e2e9e9;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  color: #eeffff;
+  background-color: #464b5d;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #232637;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #0f111a;
+}
+
+textview border {
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  .content-view
+  flowbox
+  treeview.view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+  treeview.view
+  flowbox
+  treeview.view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  .content-view
+  treeview.view
+  flowbox
+  treeview.view
+  .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  XfdesktopIconView.view
+  .rubberband,
+XfdesktopIconView.view
+  treeview.view
+  flowbox
+  treeview.view
+  .content-view
+  .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+.dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #f07178;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+  border-image: none;
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #0f111a;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.001,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+  to {
+    background-image: -gtk-gradient(
+      radial,
+      center center,
+      0,
+      center center,
+      0.5,
+      to(#e2e9e9),
+      to(transparent)
+    );
+  }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+  color: #eeffff;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:not(.suggested-action):not(.destructive-action),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+  > revealer
+  > box
+  .linked
+  > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.raven .expander-button,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+  border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat)
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale
+  label,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button
+  label,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button
+  label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+  > revealer
+  > box
+  button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:focus,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+  > revealer
+  > box
+  button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:hover,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+  > revealer
+  > box
+  button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:active,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+  > revealer
+  > box
+  button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+  color: #eeffff;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item)
+  button.circular:disabled,
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable
+  button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular: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,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+  > revealer
+  > box
+  button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+  > revealer
+  > box
+  button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar
+  button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+  > revealer
+  > box
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.image-button.destructive-action {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical)
+  > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 12px 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+  background-color: rgba(154, 165, 206, 0.9);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+  background-color: rgba(154, 165, 206, 0.7);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+  padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+  padding: 0;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(226, 233, 233, 0.5);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.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;
+}
+
+button.close,
+button.circular {
+  min-width: 24px;
+  padding: 6px;
+}
+
+stacksidebar.sidebar 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.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+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 {
+  color: #89ddff;
+}
+
+*:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 {
+  padding: 0;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+  margin: 0 3px;
+}
+
+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 {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -gtkwidget-window-dragging: true;
+  padding: 2px;
+  background-color: #0f111a;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+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(238, 255, 255, 0.12);
+  background-color: #232637;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+  .linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window
+  .primary-toolbar
+  button:backdrop:checked:disabled:not(.text-button),
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+  color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.titlebar stackswitcher {
+  border: 2px solid #e2e9e9;
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+.titlebar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: #0f111a;
+}
+
+.titlebar
+  .path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.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 0px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.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: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+  button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 10px 20px;
+  border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 1px 20px;
+}
+
+headerbar:not(.titlebar) {
+  box-shadow: none;
+}
+
+box.vertical headerbar {
+  background-color: #0f111a;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+  margin-top: 12px;
+  margin-bottom: 12px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 120px;
+  padding: 0;
+  background-image: none;
+  background-color: transparent;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+  > stack
+  > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px rgba(238, 255, 255, 0.08);
+  background-image: radial-gradient(
+    circle,
+    rgba(238, 255, 255, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+  background-color: #292d3e;
+  color: #84ffff;
+  font-weight: 500;
+}
+
+headerbar.windowhandle
+  viewswitcher
+  button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle
+  viewswitchertitle
+  > squeezer
+  > viewswitcher
+  > box.horizontal
+  > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+  border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      #e2e9e9 100%,
+      transparent 0%
+    )
+    0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(238, 255, 255, 0.3);
+  border-top-color: rgba(238, 255, 255, 0.12);
+  min-height: 36px;
+}
+
+* {
+  -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;
+}
+
+window.background.csd
+  treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(238, 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: #eeffff;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border: none;
+  border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+  background-color: #0f111a;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -gtkwidget-window-dragging: true;
+  padding: 0;
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #292d3e;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 2px solid #e2e9e9;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #eeffff;
+  font: initial;
+  font-weight: 500;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: #3b3f51;
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-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),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+  background-color: #464b5d;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+  margin-top: 8px;
+  margin-bottom: -12px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #eeffff;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+  margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0;
+  background-color: #292d3e;
+  border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+  border: 2px solid #676e95;
+  box-shadow: none;
+}
+
+popover.background > stack {
+  margin: 0;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #292d3e;
+}
+
+popover.background.combo viewport.frame > list {
+  background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+  padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+  border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #232637;
+  color: #84ffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: transparent;
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+}
+
+* {
+  -gtkscrollbar-has-backward-stepper: false;
+  -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: transparent;
+}
+
+scrollbar.bottom {
+  border-bottom: transparent;
+}
+
+scrollbar.left {
+  border-bottom: transparent;
+}
+
+scrollbar.right {
+  border-bottom: transparent;
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 4px;
+  min-height: 4px;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 2px;
+  min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 2px;
+  min-height: 2px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 2px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+  background-color: transparent;
+  color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked slider {
+  background-color: #0f111a;
+  color: #0f111a;
+}
+
+/*************************
+ * 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;
+}
+
+.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;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -8px;
+  padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #e2e9e9;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+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:not(:checked):not(:indeterminate):not(:disabled),
+popover
+  modelbutton.flat
+  radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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;
+}
+
+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(238, 255, 255, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  color: inherit;
+}
+
+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;
+  color: inherit;
+}
+
+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')
+  );
+}
+
+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')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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')
+  );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/small-radio-checked-symbolic.svg')
+  );
+}
+
+#MozillaGtkWidget > 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 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 75ms 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;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #eeffff;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #e2e9e9;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/radio-checked-symbolic.svg')
+  );
+  border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #0f111a;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  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, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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, transparent 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, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  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, alpha(currentColor, 0.12) 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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #ffcb6b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(
+    radial,
+    center top,
+    0,
+    center top,
+    0.75,
+    to(rgba(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(226, 233, 233, 0.24)),
+    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(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+  button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+  button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+  scrolledwindow.sidebar:not(.categories)
+  list
+  > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(currentColor, 0.12) 10%,
+    transparent 0%
+  );
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms 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(238, 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: #eeffff;
+}
+
+expander title > arrow:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 3px 6px;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+calendar.button {
+  border-radius: 6px;
+}
+
+calendar.highlight {
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #292d3e;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+messagedialog .titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+  padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+  margin-left: 0;
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+  color: #e2e9e9;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+.csd filechooser {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser revealer box button label {
+  padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  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.sidebar list {
+  padding: 3px;
+  background-color: #0f111a;
+}
+
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: #e2e9e9;
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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(238, 255, 255, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.12)),
+    image(rgba(238, 255, 255, 0.12));
+  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;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+  background-color: #0f111a;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #eeffff;
+  border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip * {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+tooltip {
+  border-radius: 3px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #e2e9e9;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #0f111a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 14px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 16px transparent;
+  border: 2px solid #84ffff;
+  background-clip: border-box;
+  margin: 8px;
+}
+
+decoration:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 16px transparent;
+  border: 2px solid #464b5d;
+  background-clip: border-box;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+  border-radius: 0;
+  border: none;
+}
+
+.popup decoration {
+  box-shadow: none;
+}
+
+.ssd decoration {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #84ffff;
+  border: none;
+  border-radius: 12px 12px 0 0;
+}
+
+.ssd decoration:backdrop {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #464b5d;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  border: 2px solid #676e95;
+  background-clip: border-box;
+}
+
+tooltip.csd decoration {
+  border-radius: 12px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.csd decoration {
+  border-radius: 12px;
+  border: none;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  border: 2px solid #e2e9e9;
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #0f111a;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close {
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:active {
+  background-color: #ffcb6b;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active {
+  background-color: shade(#ffcb6b, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:active {
+  background-color: #c3e88d;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+  background-color: shade(#c3e88d, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+  background-color: #f07178;
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+  background-color: shade(#f07178, 0.5);
+  color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop {
+  background-color: #464b5d;
+  color: transparent;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.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(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #e2e9e9;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  border-radius: 9999px;
+  background-color: transparent;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: inset 0 0 0 9999px alpha(#e2e9e9, 0.08);
+  background-image: radial-gradient(
+    circle,
+    alpha(#e2e9e9, 0.08) 10%,
+    transparent 0%
+  );
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+  padding-left: 12px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > separator,
+.nautilus-window.background.csd
+  > deck
+  > box.vertical
+  > paned.horizontal
+  > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+  background-color: #0f111a;
+  color: #e2e9e9;
+  margin: 0 0 6px 6px;
+  border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+  background: none;
+  padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable
+  button.sidebar-button {
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:hover {
+  background-color: #232637;
+  color: #e2e9e9;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected {
+  background-color: #232637;
+  font-weight: 700;
+  border-left: 3px solid #f07178;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #84ffff;
+}
+
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window.background.csd
+  placessidebar
+  > viewport.frame
+  > list
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+  background: none;
+  border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+  min-width: 0;
+  min-height: 0;
+  background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  background-color: transparent;
+  border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+  background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+  background-color: #232637;
+  border-radius: 12px;
+  border: 1px solid rgba(65, 72, 104, 0.2);
+  margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  scrolledwindow
+  > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > stack
+  > frame
+  > scrolledwindow
+  > viewport
+  > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+  notebook
+  placesview
+  > actionbar
+  > revealer
+  > box {
+  background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #eeffff;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms
+    cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action)
+  label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+  image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  color: #84ffff;
+  background-color: #232637;
+}
+
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+  color: #84ffff;
+  background-color: #232637;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: #232637;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action) {
+  color: #84ffff;
+}
+
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+  .linked.nautilus-path-bar
+  button.current-dir:not(.suggested-action):not(.destructive-action):active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #e2e9e9;
+  color: #e2e9e9;
+}
+
+.disk-space-display.free {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+  border-radius: 6px;
+}
+
+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 {
+  margin: -6px 0 0 -6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > label {
+  margin: 0 8px;
+}
+
+dialog.background
+  > box.dialog-vbox.vertical
+  > grid.horizontal
+  > box.horizontal:last-child
+  > box
+  > button {
+  border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+  padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+  margin-top: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box {
+  margin-bottom: -6px;
+}
+
+.nautilus-window
+  > popover.menu:not(:last-child)
+  > stack
+  > box
+  > box
+  > box
+  > box.linked {
+  margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+  margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #232637;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  > box.vertical
+  > stack
+  > grid.horizontal
+  > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+  > overlay
+  > box.vertical
+  > paned.gedit-side-panel-paned
+  stack
+  scrolledwindow
+  viewport.frame
+  list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #232637;
+}
+
+.gedit-document-panel row button.flat {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 6px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry
+  .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(ltr)
+  .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider
+  .linked:not(.vertical)
+  > entry:dir(rtl)
+  .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #292d3e;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 6px transparent;
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > 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;
+}
+
+/**********
+ * Tweaks *
+ **********/
+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,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+window.background.csd
+  stack
+  stack
+  stack
+  frame
+  > list
+  row.activatable:first-child,
+window.background.csd > stack > 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 list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:first-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > 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 list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:last-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > 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 list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view 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,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:only-child,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+leaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+  > stack.background
+  stack.background
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+box.horizontal
+  > stack.background
+  overlay
+  scrolledwindow
+  > viewport
+  list
+  row.activatable:focus,
+hdyleaflet
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+  > stack.background
+  frame:not(.view)
+  list:not(.contacts-contact-list)
+  row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable,
+list.navigation-sidebar > row {
+  border-radius: 6px;
+  margin: 1px 3px;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected {
+  background-color: #292d3e;
+}
+
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected,
+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,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  image,
+hdyleaflet
+  > 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
+  image,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  > row.activatable:selected
+  label,
+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
+  label,
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group)
+  row.activatable:selected
+  label,
+list.navigation-sidebar > row:selected label {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+  border-bottom-left-radius: 0;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-#eeffff,
+.tweak-#eeffff,
+.tweak-#eeffff:hover {
+  background-image: image(#0f111a);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#0f111a);
+}
+
+.tweak-group-startup {
+  background-image: image(#0f111a);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 6px;
+  background-color: transparent;
+  background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd
+  > hdyleaflet
+  > 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: #0f111a;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  > box.vertical.view,
+window.background.csd
+  > hdyleaflet
+  > 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 > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #0f111a;
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list,
+window.background.csd
+  > hdyleaflet
+  > 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
+  > leaflet
+  > box.vertical
+  > scrolledwindow.view
+  > viewport.frame
+  > stack
+  list
+  row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+  > hdyleaflet
+  > 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;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.maximized
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > leaflet
+  > headerbar:last-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:first-child:only-child,
+window.background.csd.tiled
+  > headerbar.titlebar
+  > hdyleaflet
+  > headerbar:last-child:only-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+  border-radius: 0;
+}
+
+window.background.csd.maximized
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.maximized
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > leaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > hdyleaflet
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame,
+window.background.csd.tiled
+  > box.horizontal
+  > stack.background
+  > widget
+  > box.vertical
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame {
+  border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+  > hdyleaflet
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.maximized
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+  > box.horizontal
+  > box.vertical
+  > scrolledwindow.view {
+  border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack,
+dialog.background.csd.tiled
+  > box.vertical.dialog-vbox
+  > notebook
+  > stack
+  > box.horizontal
+  > notebook
+  > stack {
+  border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+hdyleaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+leaflet
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group),
+box.horizontal
+  > stack.background
+  > box.vertical
+  > scrolledwindow
+  > viewport.frame
+  list:not(.view):not(.tweak-group) {
+  padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+  background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+  background: none;
+  min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #0f111a;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+  > box.vertical
+  > stack
+  > box.vertical
+  > revealer
+  > actionbar
+  > revealer
+  > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > box.horizontal:not(.linked)
+  > button.toggle,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button:not(.toggle):not(.raised):not(.flat),
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  button.flat.scale,
+window.background
+  > box.vertical
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > .linked
+  > button,
+window.solid-csd
+  > box.vertical
+  > box.vertical
+  > toolbar.horizontal
+  > toolitem
+  > box.horizontal
+  > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:first-child),
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+  .inline-toolbar.horizontal.sidebar-toolbar
+  button.image-button
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  border-bottom: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+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
+  > toolbar.primary-toolbar
+  > toolitem
+  > .linked
+  > button.image-button.raised
+  > widget
+  > box
+  > image {
+  padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #0f111a;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+  background-image: image(#0f111a);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 -2px #e2e9e9;
+  background-color: #0f111a;
+}
+
+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(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+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: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #0f111a;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #232637;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #e2e9e9 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+docktab:checked {
+  transition: all 75ms 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 #e2e9e9;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeffff;
+}
+
+dockoverlayedge {
+  background-color: #0f111a;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+pillbox {
+  background-color: #0f111a;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: #0f111a;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.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: #eeffff;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #0f111a;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(
+    circle,
+    rgba(226, 233, 233, 0.7) 10%,
+    transparent 0%
+  );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #e2e9e9;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities
+  > dzldockpaned
+  > box
+  > stackswitcher
+  button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #e2e9e9;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #eeffff;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #eeffff;
+}
+
+button.photos-filter-preview:checked image {
+  color: #eeffff;
+}
+
+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;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#232637);
+}
+
+.side-panel .view:hover {
+  background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+  background-image: image(#e2e9e9);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin
+  viewport.frame
+  widget
+  > frame.content-view:not(:selected):not(:hover)
+  border {
+  border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #0f111a;
+}
+
+.background.csd
+  > grid.horizontal
+  > paned.horizontal
+  > box.vertical
+  > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #0f111a;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  padding: 0 2px 3px 2px;
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+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: 12px;
+}
+
+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: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+  background-image: image(#232637);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #232637;
+  color: #eeffff;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar,
+window#GearyMainWindow.background.csd
+  > deck
+  > overlay
+  > box.vertical
+  > paned.horizontal
+  > box.sidebar.vertical
+  statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+  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: 12px;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  actionbar
+  > revealer
+  > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-expanded
+  > .geary-composer-embed
+  headerbar {
+  color: #eeffff;
+  background-color: #0f111a;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box,
+window#GearyMainWindow.background.csd
+  stack#conversation_viewer
+  .geary-composer-box
+  actionbar
+  > revealer
+  > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > headerbar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar {
+  background-color: #0f111a;
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    color 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > separator.sidebar:backdrop,
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > separator.sidebar:backdrop {
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  > deck
+  > overlay
+  > .geary-main-layout
+  > leaflet
+  > leaflet
+  > box.vertical
+  + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:selected,
+.geary-main-window.unified
+  frame.geary-conversation-frame
+  scrolledwindow
+  treeview.view:active {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-bottom-width: 0;
+  background-color: #0f111a;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified
+  geary-conversation-viewer#conversation_viewer
+  list.background.conversation-listbox.content
+  .geary-attachment-pane
+  actionbar.background
+  > revealer
+  > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * 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,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+  > stack
+  > box
+  > .sidebar
+  > scrolledwindow
+  > viewport
+  > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > grid.horizontal
+  > scrolledwindow.frame
+  > viewport.frame
+  list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #0f111a;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > stack
+  > scrolledwindow
+  iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+  > box.vertical.dialog-vbox
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list
+  row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: none;
+}
+
+window.background.csd.unified headerbar.selection-mode {
+  box-shadow: none;
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+  border: none;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #84ffff, 0 0 16px transparent;
+}
+
+window.background.csd.unified:backdrop,
+window.background.csd.unified > decoration:backdrop,
+window.background.csd.unified > decoration-overlay:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #464b5d, 0 0 16px transparent;
+}
+
+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;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+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(#292d3e);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+window > notebook > stack {
+  margin: 0 3px 3px 3px;
+}
+
+window > notebook {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #0f111a;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/***********
+ * 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: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #292d3e;
+}
+
+window.background.chromium decoration {
+  background-clip: padding-box;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #444267;
+}
+
+window.background.chromium > button {
+  color: #e2e9e9;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #e2e9e9;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid #444267;
+  background-color: #0f111a;
+}
+
+window.background.chromium menu {
+  border-color: #515772;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+  background-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #0f111a;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #0f111a;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #e2e9e9;
+  box-shadow: inset 0 0 0 1px #e2e9e9;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #232637;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate) {
+  color: #717cb4;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):active {
+  color: #8da3ca;
+}
+
+#MozillaGtkWidget
+  > widget
+  > checkbutton
+  > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+  > widget
+  > radiobutton
+  > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(113, 124, 180, 0.5);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #eeffff;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #444267;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #444267;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+/************
+ * 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;
+}
+
+#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;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#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;
+}
+
+scrolledwindow#DialogNotebook
+  > viewport.frame
+  > notebook.frame
+  button.close-button
+  image {
+  padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+  > grid
+  > widget
+  > widget
+  > scrolledwindow
+  > viewport
+  > grid
+  > box
+  > box
+  > frame
+  > box {
+  background-color: #0f111a;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list,
+window.background.csd
+  > box.vertical
+  > overlay
+  > stack
+  > box.vertical
+  > box.horizontal
+  > revealer
+  > stack
+  > box.vertical
+  > stack
+  > scrolledwindow
+  > viewport.frame
+  > list {
+  border: none;
+  border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  margin-top: -2px;
+  border: 2px solid #e2e9e9;
+}
+
+#gnc-id-main-window treeview.view {
+  background-color: #0f111a;
+}
+
+/*********
+ * 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: #e2e9e9;
+  -unitydecoration-title-indent: 4px;
+  -unitydecoration-title-fade: 32px;
+  -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: rgba(15, 17, 26, 0.95);
+  color: #eeffff;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  animation: spin 1s linear infinite;
+  color: #e2e9e9;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.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 {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 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: #e2e9e9;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+.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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+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(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #292d3e;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 6px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #e2e9e9;
+}
+
+.brisk-menu .session-button {
+  padding: 12px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #eeffff;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.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: #0f111a;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  background-image: none;
+  color: #eeffff;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #0f111a;
+  color: #eeffff;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+#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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.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(238, 255, 255, 0.12);
+}
+
+.pluma-window
+  paned.horizontal
+  box.vertical
+  notebook.frame
+  box.vertical
+  toolbar.horizontal {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 7px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #e2e9e9;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #292d3e;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover separator {
+  margin: 3px 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 row button {
+  border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background-color: rgba(238, 255, 255, 0.04);
+  border-right: none;
+  border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+  padding-top: 6px;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.bottom
+  > frame.container
+  > grid.horizontal
+  > grid.horizontal
+  > widget
+  > grid.horizontal
+  > stack {
+  border-top: none;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover button {
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #eeffff;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+  button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+  background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child {
+  margin-bottom: 3px;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+  > frame.container
+  > box.vertical
+  row.activatable:first-child
+  button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+  padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+  padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(238, 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(238, 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 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.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: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  padding: 0 0;
+  margin: 3px 0;
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  background-image: image(rgba(238, 255, 255, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+  background-image: image(rgba(238, 255, 255, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+  color: #eeffff;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+  background-image: image(rgba(238, 255, 255, 0.28));
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: #232637;
+}
+
+.budgie-panel button {
+  color: rgba(238, 255, 255, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #eeffff;
+}
+
+.budgie-panel button:active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #f07178;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+  .titlebar:not(headerbar)
+  button:not(.suggested-action):not(.destructive-action):active {
+  color: #eeffff;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #eeffff;
+}
+
+.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:not(:checked) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at center calc(100% - 1px),
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 0%,
+      transparent 0%
+    )
+    0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked {
+  border-image: radial-gradient(
+      circle closest-corner at calc(100% - 1px) center,
+      currentColor 100%,
+      transparent 0%
+    )
+    0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+}
+
+.top frame.raven-frame > border {
+  margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+  margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+  margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+  margin-left: 32px;
+}
+
+.raven {
+  background-color: #292d3e;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(238, 255, 255, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.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(238, 255, 255, 0.06);
+  color: #eeffff;
+}
+
+.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: #eeffff;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #232637;
+  color: #eeffff;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+  border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #f07178;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #eeffff;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #0f111a;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: rgba(15, 17, 26, 0.95);
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #e2e9e9;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #eeffff;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -xfwmtabwinwidget-icon-size: 64px;
+  -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+  background-color: transparent;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+  > grid.horizontal
+  > paned.horizontal
+  > scrolledwindow.frame.sidebar.shortcuts-pane
+  treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+#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(238, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #eeffff;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+  background-color: #0f111a;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover,
+.nemo-window .primary-toolbar button.text-button:active,
+.nemo-window .primary-toolbar button.text-button:checked {
+  color: #eeffff;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+  border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #232637;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.places-treeview {
+  -nemoplacestreeview-disk-full-bg-color: #676e95;
+  -nemoplacestreeview-disk-full-fg-color: #e2e9e9;
+  -nemoplacestreeview-disk-full-bar-width: 2px;
+  -nemoplacestreeview-disk-full-bar-radius: 0;
+  -nemoplacestreeview-disk-full-bottom-padding: 1px;
+  -nemoplacestreeview-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
diff --git a/Material/files/Material/gtk-3.0/thumbnail.png b/Material/files/Material/gtk-3.0/thumbnail.png
new file mode 100644
index 000000000..0e4358002
Binary files /dev/null and b/Material/files/Material/gtk-3.0/thumbnail.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/check-symbolic.svg b/Material/files/Material/gtk-4.0/assets/scalable/check-symbolic.svg
new file mode 100644
index 000000000..f2fc5ef1e
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/check-symbolic.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg17087"
+   sodipodi:docname="check-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="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="19.67"
+     inkscape:cx="-1.6522623"
+     inkscape:cy="11.006609"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 15.5898,4.5801 17,6 8,15 3,10 4.4102,8.5898 8,12.1699 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/check-symbolic@2.svg b/Material/files/Material/gtk-4.0/assets/scalable/check-symbolic@2.svg
new file mode 100644
index 000000000..464c67eeb
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/check-symbolic@2.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17087"
+   sodipodi:docname="check-symbolic@2.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="defs17091" />
+  <sodipodi:namedview
+     id="namedview17089"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="9.835"
+     inkscape:cx="-16.624301"
+     inkscape:cy="15.302491"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17087">
+    <inkscape:grid
+       type="xygrid"
+       id="grid17464"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="M 31.1796,9.1602 34,12 16,30 6,20 8.8204,17.1796 16,24.3398 Z"
+     id="path17085"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg b/Material/files/Material/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg
new file mode 100644
index 000000000..ad580858a
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/checkbox-checked-symbolic.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="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10c5.52 0 10-4.48 10-10s-4.48-10-10-10zm5.5898 4.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801 7.5898-7.5898z"/>
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg b/Material/files/Material/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg
new file mode 100644
index 000000000..b12be3edc
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.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="m12 2c-5.52 0-10 4.48-10 10 0 5.52 4.48 10 10 10 5.52 0 10-4.48 10-10 0-5.52-4.48-10-10-10zm-5 9h10v2h-10v-2z"/>
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg b/Material/files/Material/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg
new file mode 100644
index 000000000..6d9755906
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg b/Material/files/Material/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg
new file mode 100644
index 000000000..e2a252b5f
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+  <path d="M0 0h12A12 12 0 1 1 0 12z"/>
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/dot-symbolic.svg b/Material/files/Material/gtk-4.0/assets/scalable/dot-symbolic.svg
new file mode 100644
index 000000000..8cfdb6208
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg18041"
+   sodipodi:docname="dot-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="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     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="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 10,7 c 1.656,0 3,1.344 3,3 0,1.656 -1.344,3 -3,3 C 8.344,13 7,11.656 7,10 7,8.344 8.344,7 10,7 Z"
+     id="path18039"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/dot-symbolic@2.svg b/Material/files/Material/gtk-4.0/assets/scalable/dot-symbolic@2.svg
new file mode 100644
index 000000000..7714de691
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/dot-symbolic@2.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg18041"
+   sodipodi:docname="dot-symbolic@2.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="defs18045" />
+  <sodipodi:namedview
+     id="namedview18043"
+     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="-17.288136"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18041" />
+  <path
+     d="m 20,14 c 3.312,0 6,2.688 6,6 0,3.312 -2.688,6 -6,6 -3.312,0 -6,-2.688 -6,-6 0,-3.312 2.688,-6 6,-6 z"
+     id="path18039"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/line-symbolic.svg b/Material/files/Material/gtk-4.0/assets/scalable/line-symbolic.svg
new file mode 100644
index 000000000..ec2566e40
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   version="1.1"
+   viewBox="0 0 24 24"
+   id="svg17473"
+   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="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     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="2.2881356"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 7,11 h 10 v 2 H 7 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/line-symbolic@2.svg b/Material/files/Material/gtk-4.0/assets/scalable/line-symbolic@2.svg
new file mode 100644
index 000000000..06ef46eb9
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/line-symbolic@2.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg17473"
+   sodipodi:docname="line-symbolic@2.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="defs17477" />
+  <sodipodi:namedview
+     id="namedview17475"
+     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="-7.5254238"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17473" />
+  <path
+     d="m 10,18 h 20 v 4 H 10 Z"
+     id="path17471"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/radio-checked-symbolic.svg b/Material/files/Material/gtk-4.0/assets/scalable/radio-checked-symbolic.svg
new file mode 100644
index 000000000..9da9f060d
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/radio-checked-symbolic.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="m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 7c1.656 0 3 1.344 3 3s-1.344 3-3 3-3-1.344-3-3 1.344-3 3-3z"/>
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg b/Material/files/Material/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg
new file mode 100644
index 000000000..55d89167d
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg b/Material/files/Material/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg
new file mode 100644
index 000000000..6d9755906
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/scale-slider-symbolic.svg b/Material/files/Material/gtk-4.0/assets/scalable/scale-slider-symbolic.svg
new file mode 100644
index 000000000..4b00bc195
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/scale-slider-symbolic.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <linearGradient id="a" x2="24" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#1A73E8" offset="1"/>
+  </linearGradient>
+ </defs>
+ <g id="scale-slider">
+  <rect width="24" height="24" fill="none"/>
+  <circle cx="12" cy="12" r="6"/>
+ </g>
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/small-check-symbolic.svg b/Material/files/Material/gtk-4.0/assets/scalable/small-check-symbolic.svg
new file mode 100644
index 000000000..d6eb8a5bc
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/small-check-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17727"
+   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="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="29.5"
+     inkscape:cx="7.9152542"
+     inkscape:cy="7.8474576"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 12.5996,3.5898 14.0098,5 l -8,8 -4,-4 1.4102,-1.4102 2.5898,2.5898 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc" />
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/small-check-symbolic@2.svg b/Material/files/Material/gtk-4.0/assets/scalable/small-check-symbolic@2.svg
new file mode 100644
index 000000000..245090260
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/small-check-symbolic@2.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17727"
+   sodipodi:docname="small-check-symbolic@2.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="defs17731" />
+  <sodipodi:namedview
+     id="namedview17729"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="14.75"
+     inkscape:cx="7.0847458"
+     inkscape:cy="10.271186"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17727" />
+  <path
+     d="M 25.1992,7.1796 28.0196,10 l -16,16 -8,-8 2.8204,-2.8204 5.1796,5.1796 z"
+     id="path17725"
+     sodipodi:nodetypes="ccccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg b/Material/files/Material/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg
new file mode 100644
index 000000000..a2ba98196
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0a8 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-8zm4.5996 3.5898 1.4102 1.4102-8 8-4-4 1.4102-1.4102 2.5898 2.5898 6.5898-6.5898z"/>
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/Material/files/Material/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 000000000..1e1a895ce
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0a8 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-8zm-4 7h8v2h-8v-2z"/>
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/Material/files/Material/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
new file mode 100644
index 000000000..f87038196
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M8 0a8 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-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/>
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/small-dot-symbolic.svg b/Material/files/Material/gtk-4.0/assets/scalable/small-dot-symbolic.svg
new file mode 100644
index 000000000..994449063
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/small-dot-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg18170"
+   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="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     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="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 8,5 c 1.6568542,0 3,1.3431458 3,3 0,1.6568542 -1.3431458,3 -3,3 C 6.3431458,11 5,9.6568542 5,8 5,6.3431458 6.3431458,5 8,5 Z"
+     id="path18168"
+     sodipodi:nodetypes="sssss" />
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg b/Material/files/Material/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg
new file mode 100644
index 000000000..0d11382ce
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg18170"
+   sodipodi:docname="small-dot-symbolic@2.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="defs18174" />
+  <sodipodi:namedview
+     id="namedview18172"
+     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="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18170" />
+  <path
+     d="m 16,10 c 3.313708,0 6,2.686292 6,6 0,3.313708 -2.686292,6 -6,6 -3.313708,0 -6,-2.686292 -6,-6 0,-3.313708 2.686292,-6 6,-6 z"
+     id="path18168"
+     sodipodi:nodetypes="sssss"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/small-line-symbolic.svg b/Material/files/Material/gtk-4.0/assets/scalable/small-line-symbolic.svg
new file mode 100644
index 000000000..221ae3aad
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/small-line-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg17912"
+   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="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     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="1.5254237"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 4,7 h 8 V 9 H 4 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/small-line-symbolic@2.svg b/Material/files/Material/gtk-4.0/assets/scalable/small-line-symbolic@2.svg
new file mode 100644
index 000000000..166951608
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/small-line-symbolic@2.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg17912"
+   sodipodi:docname="small-line-symbolic@2.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="defs17916" />
+  <sodipodi:namedview
+     id="namedview17914"
+     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="-5.0169492"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17912" />
+  <path
+     d="m 8,14 h 16 v 4 H 8 Z"
+     id="path17910"
+     sodipodi:nodetypes="ccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg b/Material/files/Material/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg
new file mode 100644
index 000000000..1d96d6cc5
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0c-4.4183 0-8 3.5817-8 8s3.5817 8 8 8 8-3.5817 8-8-3.5817-8-8-8zm0 5a3 3 0 0 1 3 3 3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3z"/>
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg b/Material/files/Material/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg
new file mode 100644
index 000000000..4f699370c
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 0a8 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-8zm-4 7h8v2h-8z"/>
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg b/Material/files/Material/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg
new file mode 100644
index 000000000..f87038196
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M8 0a8 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-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/>
+</svg>
diff --git a/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 000000000..597a4e6fc
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png
new file mode 100644
index 000000000..63a252bb3
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 000000000..c8b17ae3a
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 000000000..fe61efb6e
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 000000000..e5099acff
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png
new file mode 100644
index 000000000..149543905
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider.png b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 000000000..320fe9bb5
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider@2.png b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider@2.png
new file mode 100644
index 000000000..4449641e8
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-after-slider@2.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 000000000..7966479f2
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png
new file mode 100644
index 000000000..a66b5a391
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 000000000..f398287c4
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 000000000..cfbc21dd7
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 000000000..2e096715d
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png
new file mode 100644
index 000000000..41651c157
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider.png b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 000000000..640a66715
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider@2.png b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider@2.png
new file mode 100644
index 000000000..a276f6502
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-horz-marks-before-slider@2.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 000000000..e061e9bf3
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png
new file mode 100644
index 000000000..e9319b996
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 000000000..483f8e023
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 000000000..78d188932
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 000000000..a34601c8a
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png
new file mode 100644
index 000000000..f5779e00f
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider.png b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 000000000..c594c1ef2
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider@2.png b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider@2.png
new file mode 100644
index 000000000..3ac4e8e5c
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-after-slider@2.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 000000000..bd90f1dc6
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png
new file mode 100644
index 000000000..8bd251166
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 000000000..c73d4f7be
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 000000000..68e783cba
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 000000000..3ff2e2964
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png
new file mode 100644
index 000000000..8444d3166
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider.png b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 000000000..d5a5fe1a2
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider@2.png b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider@2.png
new file mode 100644
index 000000000..a8ef20f29
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/scale-vert-marks-before-slider@2.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 000000000..95d4a8ad6
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png b/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png
new file mode 100644
index 000000000..57cd4ae64
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-checked.png b/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 000000000..8734299f9
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-checked.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-checked@2.png b/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-checked@2.png
new file mode 100644
index 000000000..4157a485b
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-checked@2.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 000000000..78e50a6e2
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png
new file mode 100644
index 000000000..adc12ce25
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-unchecked.png b/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 000000000..40ff92e03
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-unchecked.png differ
diff --git a/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png b/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png
new file mode 100644
index 000000000..8e87ea7e0
Binary files /dev/null and b/Material/files/Material/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png differ
diff --git a/Material/files/Material/gtk-4.0/gtk-dark.css b/Material/files/Material/gtk-4.0/gtk-dark.css
new file mode 100644
index 000000000..e30ac028a
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/gtk-dark.css
@@ -0,0 +1,7011 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #0f111a;
+/* text widgets and the like base background color */
+@define-color theme_base_color #0f111a;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f111a;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #232637;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #0f111a;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #0f111a;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #0f111a;
+@define-color wm_unfocused_bg #0f111a;
+@define-color wm_button_close_icon #0f111a;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #0f111a;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #0f111a;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #0f111a;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #0f111a;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #0f111a;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #0f111a;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #0f111a;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #0f111a;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+dnd {
+  color: #eeffff;
+}
+
+.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 {
+  color: #eeffff;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+textview text {
+  background-color: #0f111a;
+}
+
+textview border {
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #eeffff;
+  background-color: #0f111a;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+label.search-information {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(238, 255, 255, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #eeffff;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * 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 {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+  padding: 2px 12px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #0f111a;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 0%,
+      rgba(226, 233, 233, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 95%,
+      rgba(226, 233, 233, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+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,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+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,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+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,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+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,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+button.osd:hover {
+  background-color: #444267;
+  color: #eeffff;
+}
+
+button.osd:active {
+  background-color: #1a1c25;
+  color: #eeffff;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #e2e9e9;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #ff7043;
+  box-shadow: inset 0 0 0 1px #ff7043;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+menubutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+menubutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+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.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+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: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 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: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(238, 255, 255, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+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: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+splitbutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+splitbutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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;
+}
+
+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) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #89ddff;
+}
+
+link:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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: 9px;
+  padding-right: 9px;
+}
+
+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 popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #0f111a;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.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 {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #eeffff;
+}
+
+headerbar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+  color: #eeffff;
+  box-shadow: none;
+}
+
+headerbar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+  border: 2px solid #e2e9e9;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+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');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.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: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #0f111a
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(226, 233, 233, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #0f111a
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#0f111a);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #444267;
+  border-top-color: #444267;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #e2e9e9;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #0f111a;
+}
+
+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(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #eeffff;
+}
+
+menubar:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > item:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+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;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #292d3e;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #eeffff;
+  border: 2px solid #676e95;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: 2px solid #676e95;
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #eeffff;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #3b3f51;
+  color: #84ffff;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+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 label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(238, 255, 255, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #84ffff;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #84ffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+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;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #0f111a;
+  color: #eeffff;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#e2e9e9, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#ff7043, 0.4);
+  background-color: alpha(#ff7043, 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: #e2e9e9;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#e2e9e9, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #eeffff;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  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(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+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(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #0f111a;
+  color: #0f111a;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #eeffff;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #0f111a;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #e2e9e9;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #0f111a;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -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'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(238, 255, 255, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #232637 49.99%, #eeffff 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #eeffff;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #eeffff;
+  background-image: image(#232637);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #0f111a;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #ffcb6b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #eeffff;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  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(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #eeffff;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(238, 255, 255, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #e2e9e9;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #eeffff;
+}
+
+expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #292d3e;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: 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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #292d3e;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+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 {
+  color: inherit;
+}
+
+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 {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#444267);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #0f111a;
+  background-image: image(#444267), image(#444267);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #232637;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #eeffff;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #292d3e;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #eeffff;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #292d3e;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #0f111a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #84ffff, 0 0 16px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #464b5d, 0 0 16px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #0f111a;
+  border: 2px solid #e2e9e9;
+}
+
+window.solid-csd:backdrop {
+  background-color: #0f111a;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 9999px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols
+  button.minimize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.maximize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action)
+  image {
+  padding: 0;
+}
+
+windowcontrols
+  button.minimize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#ffcb6b, 0.5);
+}
+
+windowcontrols
+  button.maximize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#c3e88d, 0.5);
+}
+
+windowcontrols
+  button.close:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#f07178, 0.5);
+}
+
+windowcontrols
+  button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #ffcb6b;
+}
+
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #c3e88d;
+}
+
+windowcontrols button.close:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #f07178;
+}
+
+button.titlebutton.close:backdrop,
+button.titlebutton.maximize:backdrop,
+button.titlebutton.minimize:backdrop,
+windowcontrols > button.close:backdrop,
+windowcontrols > button.maximize:backdrop,
+windowcontrols > button.minimize:backdrop {
+  background-color: #464b5d;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #e2e9e9;
+  background-color: #3b3f51;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #e2e9e9;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #0f111a;
+}
+
+.nautilus-window:backdrop {
+  background-color: #0f111a;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 2em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #232637;
+  font-weight: 700;
+  border-left: 3px solid #f07178;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #84ffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #0f111a;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #232637;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #232637;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #84ffff;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #0f111a;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+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 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(238, 255, 255, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 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: #eb4b3d;
+  background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #eeffff;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.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(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #0f111a;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #e2e9e9;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+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: #eeffff;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+  background-color: #0f111a;
+  color: rgba(238, 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: 34px;
+}
+
+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(238, 255, 255, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #e2e9e9;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+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;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #e2e9e9;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 119px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #e2e9e9;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+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;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+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: #eeffff;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #e2e9e9;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/gtk-4.0/gtk.css b/Material/files/Material/gtk-4.0/gtk.css
new file mode 100644
index 000000000..5cbf035cd
--- /dev/null
+++ b/Material/files/Material/gtk-4.0/gtk.css
@@ -0,0 +1,7011 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #eeffff;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #eeffff;
+/* widget base background color */
+@define-color theme_bg_color #0f111a;
+/* text widgets and the like base background color */
+@define-color theme_base_color #0f111a;
+/* base background color of selections */
+@define-color theme_selected_bg_color #e2e9e9;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f111a;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 255, 255, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #232637;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeffff;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeffff;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #0f111a;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #0f111a;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #e2e9e9;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 255, 255, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(238, 255, 255, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(238, 255, 255, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #eeffff;
+@define-color wm_unfocused_title rgba(238, 255, 255, 0.7);
+@define-color wm_highlight rgba(238, 255, 255, 0.1);
+@define-color wm_bg #0f111a;
+@define-color wm_unfocused_bg #0f111a;
+@define-color wm_button_close_icon #0f111a;
+@define-color wm_button_close_hover_bg #e2e9e9;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #0f111a;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #eeffff;
+@define-color budgie_tasklist_indicator_color_active #eeffff;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@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;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #e2e9e9;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #e2e9e9;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #0f111a;
+@define-color window_fg_color #eeffff;
+@define-color view_bg_color #0f111a;
+@define-color view_fg_color #eeffff;
+@define-color headerbar_bg_color #0f111a;
+@define-color headerbar_fg_color #eeffff;
+@define-color headerbar_border_color rgba(238, 255, 255, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #0f111a;
+@define-color card_fg_color #eeffff;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #0f111a;
+@define-color dialog_fg_color #eeffff;
+@define-color popover_bg_color #0f111a;
+@define-color popover_fg_color #eeffff;
+@define-color thumbnail_bg_color #0f111a;
+@define-color thumbnail_fg_color #eeffff;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+dnd {
+  color: #eeffff;
+}
+
+.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 {
+  color: #eeffff;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+textview text {
+  background-color: #0f111a;
+}
+
+textview border {
+  background-color: #232637;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #eeffff;
+  background-color: #0f111a;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+label:disabled {
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+}
+
+label.search-information {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(238, 255, 255, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(238, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #eeffff;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #eeffff;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * 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 {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+  padding: 2px 12px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #eeffff;
+}
+
+entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(238, 255, 255, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #f07178;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #ffcb6b;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #e2e9e9;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #0f111a;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+: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(238, 255, 255, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 0%,
+      rgba(226, 233, 233, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #e2e9e9 95%,
+      rgba(226, 233, 233, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+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,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+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,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+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,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+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,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 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.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #090b10;
+  color: #eeffff;
+}
+
+button.osd:hover {
+  background-color: #444267;
+  color: #eeffff;
+}
+
+button.osd:active {
+  background-color: #1a1c25;
+  color: #eeffff;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(226, 233, 233, 0.2),
+    0 4px 3px 0 rgba(226, 233, 233, 0.14), 0 1px 6px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(226, 233, 233, 0.3),
+    0 2px 3px -1px rgba(226, 233, 233, 0.24),
+    0 2px 5px 0 rgba(226, 233, 233, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(226, 233, 233, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #e2e9e9;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(226, 233, 233, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f07178;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #e2e9e9;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #ff7043;
+  box-shadow: inset 0 0 0 1px #ff7043;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+menubutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+menubutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+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.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+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: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 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: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(238, 255, 255, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+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: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #e2e9e9;
+  color: #eeffff;
+}
+
+splitbutton.destructive-action {
+  background-color: #f07178;
+  color: #eeffff;
+}
+
+splitbutton.opaque {
+  background-color: #515772;
+  color: #eeffff;
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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(238, 255, 255, 0.12);
+}
+
+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;
+}
+
+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) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #eeffff;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #89ddff;
+}
+
+link:visited {
+  color: #c792ea;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #89ddff;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #c792ea;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(238, 255, 255, 0.08);
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+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:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+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 > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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: 9px;
+  padding-right: 9px;
+}
+
+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 popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(238, 255, 255, 0.08);
+  color: #eeffff;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #eeffff;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #0f111a;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 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;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.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 {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #eeffff;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #eeffff;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #eeffff;
+}
+
+headerbar entry image:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+  color: #eeffff;
+  box-shadow: none;
+}
+
+headerbar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #eeffff;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+  border: 2px solid #e2e9e9;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+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');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0);
+  background-color: #e2e9e9;
+}
+
+.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: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #0f111a
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(226, 233, 233, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #0f111a
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#0f111a);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(238, 255, 255, 0.04);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #444267;
+  border-top-color: #444267;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(238, 255, 255, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #eeffff;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #eeffff;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #e2e9e9;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(238, 255, 255, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(238, 255, 255, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #0f111a;
+}
+
+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(238, 255, 255, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #0f111a;
+  background-clip: border-box;
+  color: #e2e9e9;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #e2e9e9;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #eeffff;
+}
+
+menubar:backdrop {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #eeffff;
+}
+
+menubar > item:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+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;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #292d3e;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #eeffff;
+  border: 2px solid #676e95;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: 2px solid #676e95;
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #eeffff;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #3b3f51;
+  color: #84ffff;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+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 label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(238, 255, 255, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(238, 255, 255, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(238, 255, 255, 0.04);
+  color: #84ffff;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292d3e;
+  color: #84ffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #0f111a;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(238, 255, 255, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -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: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+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 tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+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 {
+  border-style: solid;
+}
+
+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 {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+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;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #0f111a;
+  color: #eeffff;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#e2e9e9, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#ff7043, 0.4);
+  background-color: alpha(#ff7043, 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: #e2e9e9;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#e2e9e9, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #0f111a;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 255, 255, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(238, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #eeffff;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  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(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+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(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(238, 255, 255, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #e2e9e9;
+  border-color: #e2e9e9;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(238, 255, 255, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #0f111a;
+  color: #0f111a;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(238, 255, 255, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #eeffff;
+  box-shadow: 0 0 0 10px rgba(238, 255, 255, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #0f111a;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(238, 255, 255, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #e2e9e9;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(238, 255, 255, 0.3);
+  color: #0f111a;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -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'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #8da3ca;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(238, 255, 255, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #232637 49.99%, #eeffff 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #eeffff;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #eeffff;
+  background-image: image(#232637);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#e2e9e9);
+}
+
+scale highlight:disabled {
+  background-color: #0f111a;
+  background-image: image(rgba(238, 255, 255, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #e2e9e9;
+  background-color: #0f111a;
+  box-shadow: inset 0 0 0 2px #e2e9e9;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #e2e9e9, 0 0 0 8px rgba(238, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(238, 255, 255, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(238, 255, 255, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  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 {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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-before:not(.marks-after) slider:active {
+  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-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+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.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-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: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(238, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #e2e9e9;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #e2e9e9;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #ffcb6b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #e2e9e9;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #eeffff;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: #eeffff;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(226, 233, 233, 0.24) 99%,
+    rgba(226, 233, 233, 0) 100%
+  );
+  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(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #eeffff;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(238, 255, 255, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+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 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #eeffff;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #e2e9e9;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #e2e9e9;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(238, 255, 255, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #eeffff;
+}
+
+expander:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  border-radius: 6px;
+  color: #eeffff;
+}
+
+calendar:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #eeffff;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #292d3e;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+  color: #eeffff;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #292d3e;
+  color: rgba(238, 255, 255, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f07178;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background-color: #0f111a;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(238, 255, 255, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: 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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(238, 255, 255, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #84ffff;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #292d3e;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(238, 255, 255, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+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 {
+  color: inherit;
+}
+
+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 {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #e2e9e9;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #e2e9e9;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#444267);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #0f111a;
+  background-image: image(#444267), image(#444267);
+  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;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #e2e9e9;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #232637;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #eeffff;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #292d3e;
+  color: #e2e9e9;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #ffcb6b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f07178;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #eeffff;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #eeffff;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #eeffff;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #292d3e;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: #292d3e;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #0f111a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 2px #84ffff, 0 0 16px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+    0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+    0 0 0 2px #464b5d, 0 0 16px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #0f111a;
+  border: 2px solid #e2e9e9;
+}
+
+window.solid-csd:backdrop {
+  background-color: #0f111a;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 12px;
+  min-width: 12px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 9999px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols
+  button.minimize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.maximize:not(.suggested-action):not(.destructive-action)
+  image,
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action)
+  image {
+  padding: 0;
+}
+
+windowcontrols
+  button.minimize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#ffcb6b, 0.5);
+}
+
+windowcontrols
+  button.maximize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#c3e88d, 0.5);
+}
+
+windowcontrols
+  button.close:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: shade(#f07178, 0.5);
+}
+
+windowcontrols
+  button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.minimize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #ffcb6b;
+}
+
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.maximize:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #c3e88d;
+}
+
+windowcontrols button.close:not(.suggested-action):not(.destructive-action),
+windowcontrols
+  button.close:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #f07178;
+}
+
+button.titlebutton.close:backdrop,
+button.titlebutton.maximize:backdrop,
+button.titlebutton.minimize:backdrop,
+windowcontrols > button.close:backdrop,
+windowcontrols > button.maximize:backdrop,
+windowcontrols > button.minimize:backdrop {
+  background-color: #464b5d;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #e2e9e9;
+  background-color: rgba(226, 233, 233, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #e2e9e9;
+  background-color: #3b3f51;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #e2e9e9;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(238, 255, 255, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(238, 255, 255, 0.12);
+  background-color: #292d3e;
+  color: #eeffff;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #e2e9e9;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 2px;
+  margin: 6px 0;
+  background-color: transparent;
+  border: 2px solid #e2e9e9;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+  min-height: 20px;
+  padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #e2e9e9;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #eeffff;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #0f111a;
+}
+
+.nautilus-window:backdrop {
+  background-color: #0f111a;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 2em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(238, 255, 255, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(238, 255, 255, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(238, 255, 255, 0.12);
+  color: #eeffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #232637;
+  font-weight: 700;
+  border-left: 3px solid #f07178;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #84ffff;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(238, 255, 255, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #0f111a;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #232637;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #232637;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #84ffff;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #0f111a;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(238, 255, 255, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(238, 255, 255, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(238, 255, 255, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+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 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(238, 255, 255, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #eeffff;
+  background-color: rgba(238, 255, 255, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #89ddff;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 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: #eb4b3d;
+  background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #eeffff;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #eeffff;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(238, 255, 255, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.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(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(238, 255, 255, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(238, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(238, 255, 255, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(238, 255, 255, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(238, 255, 255, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #0f111a;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #e2e9e9;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+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: #eeffff;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(238, 255, 255, 0.12);
+  background-clip: border-box;
+  background-color: #0f111a;
+  color: rgba(238, 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: 34px;
+}
+
+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(238, 255, 255, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(238, 255, 255, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #e2e9e9;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+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;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(238, 255, 255, 0.1);
+  background-color: rgba(41, 45, 62, 0.95);
+  color: #eeffff;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #292d3e;
+  color: #84ffff;
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #e2e9e9;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 6px;
+  margin: 5px 2px;
+  min-width: 119px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #e2e9e9;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #e2e9e9;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+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;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+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: #eeffff;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #e2e9e9;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/Material/files/Material/gtk-4.0/thumbnail.png b/Material/files/Material/gtk-4.0/thumbnail.png
new file mode 100644
index 000000000..0e4358002
Binary files /dev/null and b/Material/files/Material/gtk-4.0/thumbnail.png differ
diff --git a/Material/files/Material/index.theme b/Material/files/Material/index.theme
new file mode 100644
index 000000000..02d5daf6c
--- /dev/null
+++ b/Material/files/Material/index.theme
@@ -0,0 +1,12 @@
+[Desktop Entry]
+Type=X-GNOME-Metatheme
+Name=Material
+Comment=An Materia Gtk+ theme based on Elegant Design
+Encoding=UTF-8
+
+[X-GNOME-Metatheme]
+GtkTheme=Material975
+MetacityTheme=Material975
+IconTheme=Material-DeepOcean
+CursorTheme=Material-DeepOcean
+ButtonLayout=close,minimize,maximize:menu
diff --git a/Material/files/Material/metacity-1/metacity-theme-1.xml b/Material/files/Material/metacity-1/metacity-theme-1.xml
new file mode 100644
index 000000000..fbff25cf8
--- /dev/null
+++ b/Material/files/Material/metacity-1/metacity-theme-1.xml
@@ -0,0 +1,1693 @@
+<?xml version="1.0"?>
+<metacity_theme>
+  <info>
+    <name>Material Deep Ocean</name>
+    <author>Vince Liuice mod fkorpsvart</author>
+    <copyright>GPL-3.0+</copyright>
+    <date>2022.04.14</date>
+    <description>Material Deep Ocean Metacity Theme</description>
+  </info>
+
+  <!-- CONSTANTS -->
+  <constant name="C_titlebar" value="#373737" />
+  <constant name="C_titlebar_unfocused" value="#373737" />
+  <constant name="C_border_focused" value="#373737" />
+  <constant name="C_border_unfocused" value="#373737" />
+  <constant name="C_title_focused" value="#f5f5f5" />
+  <constant name="C_title_unfocused" value="#dedede" />
+
+  <constant name="C_wm_button_background" value="#dedede" />
+  <constant name="C_wm_button_foreground" value="#dedede" />
+  <constant name="C_wm_button_unfocused" value="#888888" />
+
+  <constant name="C_close_button" value="#f5685d" />
+  <constant name="C_maximize_button" value="#a1ce6d" />
+  <constant name="C_restore_button" value="#feee61" />
+  <constant name="C_minimize_button" value="#feee61" />
+
+  <!-- GEOMETRY -->
+
+  <!-- Focused window -->
+  <frame_geometry name="normal" title_scale="medium" rounded_top_left="2" rounded_top_right="2">
+    <distance name="left_width" value="5" />
+    <distance name="right_width" value="5" />
+    <distance name="bottom_height" value="5" />
+    <distance name="left_titlebar_edge" value="10" />
+    <distance name="right_titlebar_edge" value="10" />
+    <distance name="title_vertical_pad" value="6" />
+    <aspect_ratio name="button" value="1.0" />
+    <border name="title_border" left="10" right="10" top="10" bottom="10" />
+    <border name="button_border" left="2" right="2" top="10" bottom="10" />
+  </frame_geometry>
+
+  <!-- Unfocused window -->
+  <frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="2" rounded_top_right="2" parent="normal">
+    <distance name="left_width" value="5" />
+    <distance name="right_width" value="5" />
+    <distance name="bottom_height" value="5" />
+    <distance name="left_titlebar_edge" value="12" />
+    <distance name="right_titlebar_edge" value="12" />
+    <distance name="title_vertical_pad" value="6" />
+    <aspect_ratio name="button" value="1.0" />
+    <border name="title_border" left="10" right="10" top="10" bottom="10" />
+    <border name="button_border" left="2" right="2" top="10" bottom="10" />
+  </frame_geometry>
+
+  <!-- Maximized window -->
+  <frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+    <distance name="title_vertical_pad" value="4" />
+    <border name="title_border" left="4" right="4" top="4" bottom="4" />
+    <border name="button_border" left="0" right="0" top="4" bottom="4" />
+  </frame_geometry>
+
+  <!-- Left tiled window -->
+  <frame_geometry name="tiled_left" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max">
+    <distance name="right_width" value="0" />
+  </frame_geometry>
+
+  <!-- Right tiled window -->
+  <frame_geometry name="tiled_right" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max">
+    <distance name="left_width" value="0" />
+  </frame_geometry>
+
+  <!-- Small window -->
+  <frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="false" rounded_top_right="false">
+    <distance name="title_vertical_pad" value="4" />
+    <border name="title_border" left="4" right="4" top="0" bottom="0" />
+    <border name="button_border" left="0" right="0" top="0" bottom="0" />
+  </frame_geometry>
+
+  <!-- Small unfocused window -->
+  <frame_geometry name="small_unfocused" parent="small">
+    <distance name="left_titlebar_edge" value="5" />
+    <distance name="right_titlebar_edge" value="5" />
+  </frame_geometry>
+
+  <!-- No buttons -->
+  <frame_geometry name="nobuttons" hide_buttons="true" parent="normal"></frame_geometry>
+
+  <!-- Border -->
+  <frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
+    <distance name="left_width" value="1" />
+    <distance name="right_width" value="1" />
+    <distance name="bottom_height" value="1" />
+    <distance name="title_vertical_pad" value="1" />
+    <border name="title_border" left="10" right="10" top="0" bottom="0" />
+    <border name="button_border" left="0" right="0" top="0" bottom="0" />
+  </frame_geometry>
+
+  <!-- Borderless -->
+  <frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+    <distance name="title_vertical_pad" value="8" />
+    <border name="title_border" left="0" right="0" top="0" bottom="0" />
+    <border name="button_border" left="0" right="0" top="0" bottom="0" />
+  </frame_geometry>
+
+  <!-- Modal -->
+  <frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="small">
+    <distance name="title_vertical_pad" value="5" />
+  </frame_geometry>
+
+  <frame_geometry name="attached" title_scale="medium" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="normal">
+    <distance name="title_vertical_pad" value="8" />
+    <distance name="bottom_height" value="1" />
+    <distance name="left_width" value="1" />
+    <distance name="right_width" value="1" />
+  </frame_geometry>
+
+
+  <!-- TITLES -->
+
+  <!-- Title alignment -->
+  <draw_ops name="title_focused">
+    <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="title_unfocused">
+    <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- WINDOW DECORATIONS -->
+  <draw_ops name="entire_background_focused">
+    <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="entire_background_unfocused">
+    <include name="entire_background_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_fill_focused">
+    <rectangle color="C_titlebar" x="4" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_fill_attached_focused">
+    <include name="entire_background_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_fill_unfocused">
+    <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_focused">
+    <include name="titlebar_fill_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_attached_focused">
+    <!-- titlebar for attached and modal dialogs -->
+    <include name="titlebar_fill_attached_focused" />
+  </draw_ops>
+
+  <draw_ops name="rounded_titlebar_focused">
+    <include name="titlebar_fill_focused" />
+  </draw_ops>
+
+  <draw_ops name="border_focused">
+    <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" />
+  </draw_ops>
+
+  <draw_ops name="border_unfocused">
+    <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" />
+  </draw_ops>
+
+  <draw_ops name="rounded_border_focused">
+    <line color="C_border_focused" x1="2" y1="0" x2="width-3" y2="0" />
+    <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" />
+    <line color="C_border_focused" x1="0" y1="2" x2="0" y2="height-2" />
+    <line color="C_border_focused" x1="width-1" y1="2" x2="width-1" y2="height-2" />
+    <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" />
+    <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" />
+    <!-- double arcs for darker borders -->
+    <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" />
+    <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="rounded_border_unfocused">
+    <line color="C_border_unfocused" x1="2" y1="0" x2="width-3" y2="0" />
+    <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" />
+    <line color="C_border_unfocused" x1="0" y1="2" x2="0" y2="height-2" />
+    <line color="C_border_unfocused" x1="width-1" y1="2" x2="width-1" y2="height-2" />
+    <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" />
+    <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" />
+    <!-- double arcs for darker borders -->
+    <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" />
+    <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="border_right_focused">
+    <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_focused" />
+  </draw_ops>
+
+  <draw_ops name="border_right_unfocused">
+    <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="border_left_focused">
+    <line x1="0" y1="0" x2="0" y2="height" color="C_border_focused" />
+  </draw_ops>
+
+  <draw_ops name="border_left_unfocused">
+    <line x1="0" y1="0" x2="0" y2="height" color="C_border_unfocused" />
+  </draw_ops>
+
+  <!-- ::: BUTTON ICONS ::: -->
+  <!-- note: negative values in x or y causes gnome-shell to crash -->
+  <!-- close icon -->
+  <draw_ops name="close_focused">
+    <image filename="titlebuttons/titlebutton-close.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_prelight">
+    <image filename="titlebuttons/titlebutton-close-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_pressed">
+    <image filename="titlebuttons/titlebutton-close-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-close-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-close-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- maximize icon -->
+  <draw_ops name="maximize_focused">
+    <image filename="titlebuttons/titlebutton-maximize.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_prelight">
+    <image filename="titlebuttons/titlebutton-maximize-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_pressed">
+    <image filename="titlebuttons/titlebutton-maximize-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-maximize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-maximize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- unmaximize icon -->
+  <draw_ops name="unmaximize_focused">
+    <image filename="titlebuttons/titlebutton-maximize.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_prelight">
+    <image filename="titlebuttons/titlebutton-unmaximize-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_pressed">
+    <image filename="titlebuttons/titlebutton-unmaximize-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-unmaximize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-unmaximize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- minimize icon -->
+  <draw_ops name="minimize_focused">
+    <image filename="titlebuttons/titlebutton-minimize.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_prelight">
+    <image filename="titlebuttons/titlebutton-minimize-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_pressed">
+    <image filename="titlebuttons/titlebutton-minimize-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-minimize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-minimize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- Menu icon -->
+  <draw_ops name="menu_focused">
+    <image filename="titlebuttons/titlebutton-menu.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_focused_prelight">
+    <image filename="titlebuttons/titlebutton-menu-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_focused_pressed">
+    <image filename="titlebuttons/titlebutton-menu-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-menu-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-menu-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- shade icon -->
+  <draw_ops name="shade_focused">
+    <image filename="titlebuttons/titlebutton-shade.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_prelight">
+    <image filename="titlebuttons/titlebutton-shade-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_pressed">
+    <image filename="titlebuttons/titlebutton-shade-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-shade-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-shade-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- unshade icon -->
+  <draw_ops name="unshade_focused">
+    <image filename="titlebuttons/titlebutton-unshade.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_prelight">
+    <image filename="titlebuttons/titlebutton-unshade-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_pressed">
+    <image filename="titlebuttons/titlebutton-unshade-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-unshade-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-unshade-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+
+  <!-- FRAME STYLES -->
+  <frame_style name="normal_focused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="rounded_titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="rounded_border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_unfocused" geometry="normal_unfocused">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="rounded_border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_focused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_unfocused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_shaded_focused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay">
+      <draw_ops>
+        <line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" />
+      </draw_ops>
+    </piece>
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_shaded_unfocused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay">
+      <draw_ops>
+        <line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" />
+      </draw_ops>
+    </piece>
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="dialog_focused" geometry="nobuttons">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="rounded_titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="rounded_border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="dialog_unfocused" geometry="nobuttons">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="rounded_border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="modal_dialog_focused" geometry="modal">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_attached_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="modal_dialog_unfocused" geometry="modal">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="utility_focused" geometry="small">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="utility_unfocused" geometry="small_unfocused">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="border_focused" geometry="border">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="overlay" draw_ops="border_focused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="border_unfocused" geometry="border">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="overlay" draw_ops="border_unfocused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="borderless" geometry="borderless">
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="attached_focused" geometry="attached">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_attached_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_focused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="attached_unfocused" geometry="attached">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_attached_focused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_unfocused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_left_focused" geometry="tiled_left">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_right_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_left_unfocused" geometry="tiled_left">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_right_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_right_focused" geometry="tiled_right">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_left_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_right_unfocused" geometry="tiled_right">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_left_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <!-- placeholder for unimplementated styles-->
+  <frame_style name="blank" geometry="normal">
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <!-- FRAME STYLE SETS -->
+  <frame_style_set name="normal_style_set">
+    <frame focus="yes" state="normal" resize="both" style="normal_focused" />
+    <frame focus="no" state="normal" resize="both" style="normal_unfocused" />
+    <frame focus="yes" state="maximized" style="normal_max_focused" />
+    <frame focus="no" state="maximized" style="normal_max_unfocused" />
+    <frame focus="yes" state="shaded" style="normal_focused" />
+    <frame focus="no" state="shaded" style="normal_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" />
+    <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" />
+  </frame_style_set>
+
+  <frame_style_set name="dialog_style_set">
+    <frame focus="yes" state="normal" resize="both" style="dialog_focused" />
+    <frame focus="no" state="normal" resize="both" style="dialog_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="dialog_focused" />
+    <frame focus="no" state="shaded" style="dialog_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="modal_dialog_style_set">
+    <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" />
+    <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="modal_dialog_focused" />
+    <frame focus="no" state="shaded" style="modal_dialog_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="utility_style_set">
+    <frame focus="yes" state="normal" resize="both" style="utility_focused" />
+    <frame focus="no" state="normal" resize="both" style="utility_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="utility_focused" />
+    <frame focus="no" state="shaded" style="utility_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="border_style_set">
+    <frame focus="yes" state="normal" resize="both" style="border_focused" />
+    <frame focus="no" state="normal" resize="both" style="border_unfocused" />
+    <frame focus="yes" state="maximized" style="borderless" />
+    <frame focus="no" state="maximized" style="borderless" />
+    <frame focus="yes" state="shaded" style="blank" />
+    <frame focus="no" state="shaded" style="blank" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <!-- WINDOWS -->
+  <window type="normal" style_set="normal_style_set" />
+  <window type="dialog" style_set="dialog_style_set" />
+  <window type="modal_dialog" style_set="modal_dialog_style_set" />
+  <window type="menu" style_set="utility_style_set" />
+  <window type="utility" style_set="utility_style_set" />
+  <window type="border" style_set="border_style_set" />
+
+</metacity_theme>
diff --git a/Material/files/Material/metacity-1/metacity-theme-2.xml b/Material/files/Material/metacity-1/metacity-theme-2.xml
new file mode 120000
index 000000000..84bdbf0a7
--- /dev/null
+++ b/Material/files/Material/metacity-1/metacity-theme-2.xml
@@ -0,0 +1 @@
+metacity-theme-1.xml
\ No newline at end of file
diff --git a/Material/files/Material/metacity-1/metacity-theme-3.xml b/Material/files/Material/metacity-1/metacity-theme-3.xml
new file mode 100644
index 000000000..b06113c30
--- /dev/null
+++ b/Material/files/Material/metacity-1/metacity-theme-3.xml
@@ -0,0 +1,1682 @@
+<?xml version="1.0"?>
+<metacity_theme>
+  <info>
+    <name>Material Deep Ocean</name>
+    <author>Vince Liuice mod fkorpsvart</author>
+    <copyright>GPL-3.0+</copyright>
+    <date>2022.04.14</date>
+    <description>Material Deep Ocean Metacity Theme</description>
+  </info>
+
+  <!-- ::: CONSTANTS ::: -->
+  <constant name="C_titlebar_gradient_a" value="gtk:custom(titlebar_gradient_a,shade/gtk:bg[NORMAL]/1.07)" />
+  <constant name="C_titlebar_gradient_b" value="gtk:custom(titlebar_gradient_b,gtk:bg[NORMAL])" />
+  <constant name="C_border_focused" value="gtk:custom(wm_border_focused,shade/gtk:bg[NORMAL]/0.65)" />
+  <constant name="C_border_unfocused" value="gtk:custom(wm_border_unfocused,shade/gtk:bg[NORMAL]/0.75)" />
+  <constant name="C_title_focused" value="gtk:custom(wm_title_focused,blend/gtk:fg[NORMAL]/gtk:bg[NORMAL]/0.3)" />
+  <constant name="C_title_focused_shadow" value="gtk:custom(wm_title_focused_shadow,shade/gtk:bg[NORMAL]/1.1)" />
+  <constant name="C_title_unfocused" value="gtk:custom(wm_title_unfocused,blend/gtk:fg[NORMAL]/gtk:bg[NORMAL]/0.6)" />
+  <constant name="C_title_unfocused_shadow" value="gtk:custom(wm_title_unfocused_shadow,shade/gtk:bg[NORMAL]/1.05)" />
+  <constant name="C_background" value="gtk:bg[NORMAL]" />
+  <constant name="C_highlight" value="gtk:custom(wm_highlight,gtk:base[NORMAL])" />
+
+  <!-- ::: GEOMETRY ::: -->
+  <frame_geometry name="normal" title_scale="medium" rounded_top_left="10" rounded_top_right="10">
+    <distance name="left_width" value="5" />
+    <distance name="right_width" value="5" />
+    <distance name="bottom_height" value="5" />
+    <distance name="left_titlebar_edge" value="10" />
+    <distance name="right_titlebar_edge" value="10" />
+    <distance name="title_vertical_pad" value="6" />
+    <aspect_ratio name="button" value="1.0" />
+    <border name="title_border" left="10" right="10" top="10" bottom="10" />
+    <border name="button_border" left="2" right="2" top="10" bottom="10" />
+  </frame_geometry>
+
+  <frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="10" rounded_top_right="10" parent="normal" />
+
+  <frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+  </frame_geometry>
+
+  <frame_geometry name="tiled_left" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max">
+    <distance name="right_width" value="1" />
+  </frame_geometry>
+
+  <frame_geometry name="tiled_right" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max">
+    <distance name="left_width" value="1" />
+  </frame_geometry>
+
+  <frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="false" rounded_top_right="false">
+    <distance name="title_vertical_pad" value="0" />
+    <border name="title_border" left="16" right="16" top="0" bottom="0" />
+    <border name="button_border" left="2" right="2" top="0" bottom="0" />
+  </frame_geometry>
+
+  <frame_geometry name="small_unfocused" parent="small">
+    <distance name="left_titlebar_edge" value="1" />
+    <distance name="right_titlebar_edge" value="1" />
+  </frame_geometry>
+
+  <frame_geometry name="nobuttons" hide_buttons="false" parent="normal" />
+
+  <frame_geometry name="border" has_title="false" rounded_top_left="8" rounded_top_right="8" parent="normal">
+    <distance name="left_width" value="1" />
+    <distance name="right_width" value="1" />
+    <distance name="bottom_height" value="1" />
+    <distance name="title_vertical_pad" value="0" />
+    <border name="title_border" left="16" right="16" top="0" bottom="0" />
+    <border name="button_border" left="2" right="2" top="0" bottom="0" />
+  </frame_geometry>
+
+  <frame_geometry name="borderless" has_title="false" rounded_top_left="8" rounded_top_right="8" parent="normal">
+    <distance name="left_width" value="0" />
+    <distance name="right_width" value="0" />
+    <distance name="bottom_height" value="0" />
+    <distance name="title_vertical_pad" value="0" />
+    <border name="title_border" left="16" right="16" top="0" bottom="0" />
+    <border name="button_border" left="2" right="2" top="0" bottom="0" />
+  </frame_geometry>
+
+  <frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="8" rounded_top_right="8" rounded_bottom_right="false" rounded_bottom_left="false" parent="small"></frame_geometry>
+
+  <frame_geometry name="attached" title_scale="small" hide_buttons="true" rounded_top_left="8" rounded_top_right="8" parent="small"></frame_geometry>
+
+  <!-- ::: TITLES ::: -->
+  <draw_ops name="title_focused">
+    <title version="< 3.1" x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" color="C_title_focused_shadow" />
+    <title version="< 3.1" x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_focused" />
+    <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" ellipsize_width="width" color="C_title_focused_shadow" />
+    <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" y="(0 `max` ((height - title_height) / 2))" ellipsize_width="width" color="C_title_focused" />
+  </draw_ops>
+
+  <draw_ops name="title_unfocused">
+    <title version="< 3.1" x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" color="C_title_unfocused_shadow" />
+    <title version="< 3.1" x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2))" color="C_title_unfocused" />
+    <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" ellipsize_width="width" color="C_title_unfocused_shadow" />
+    <title version=">= 3.1" x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" y="(0 `max` ((height - title_height) / 2))" ellipsize_width="width" color="C_title_unfocused" />
+  </draw_ops>
+
+  <!-- ::: WINDOW DECORATIONS ::: -->
+  <draw_ops name="entire_background_focused">
+    <rectangle color="C_titlebar_gradient_b" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="entire_background_unfocused">
+    <include name="entire_background_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_fill_focused">
+    <gradient type="vertical" x="0" y="0" width="width" height="title_height">
+      <color value="C_titlebar_gradient_a" />
+      <color value="C_titlebar_gradient_b" />
+    </gradient>
+  </draw_ops>
+
+  <draw_ops name="titlebar_fill_attached_focused">
+    <include name="entire_background_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_fill_unfocused">
+    <gradient type="vertical" x="0" y="0" width="width" height="title_height">
+      <color value="C_titlebar_gradient_a" />
+      <color value="C_titlebar_gradient_b" />
+    </gradient>
+  </draw_ops>
+
+  <draw_ops name="titlebar_focused">
+    <include name="titlebar_fill_focused" />
+  </draw_ops>
+
+  <draw_ops name="titlebar_attached_focused">
+    <!-- titlebar for attached and modal dialogs -->
+    <include name="titlebar_fill_attached_focused" />
+  </draw_ops>
+
+  <draw_ops name="rounded_titlebar_focused">
+    <include name="titlebar_fill_focused" />
+  </draw_ops>
+
+  <draw_ops name="border_focused">
+    <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" />
+  </draw_ops>
+
+  <draw_ops name="border_unfocused">
+    <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" />
+  </draw_ops>
+
+  <draw_ops name="rounded_border_focused">
+    <line color="C_border_focused" x1="12" y1="0" x2="width-13" y2="0" />
+    <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" />
+    <line color="C_border_focused" x1="0" y1="12" x2="0" y2="height-2" />
+    <line color="C_border_focused" x1="width-1" y1="12" x2="width-1" y2="height-2" />
+    <arc color="C_border_focused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" />
+    <arc color="C_border_focused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" />
+    <!-- double arcs for darker borders -->
+    <arc color="C_border_focused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" />
+    <arc color="C_border_focused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" />
+    <line color="C_highlight" x1="13" y1="1" x2="width - 14" y2="1" />
+    <arc color="C_highlight" x="0" y="1" width="25" height="25" start_angle="270" extent_angle="90" />
+    <arc color="C_highlight" x="width - 26" y="1" width="25" height="25" start_angle="0" extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="rounded_border_unfocused">
+    <line color="C_border_unfocused" x1="12" y1="0" x2="width-13" y2="0" />
+    <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" />
+    <line color="C_border_unfocused" x1="0" y1="12" x2="0" y2="height-2" />
+    <line color="C_border_unfocused" x1="width-1" y1="12" x2="width-1" y2="height-2" />
+    <arc color="C_border_unfocused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" />
+    <arc color="C_border_unfocused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" />
+    <!-- double arcs for darker borders -->
+    <arc color="C_border_unfocused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" />
+    <arc color="C_border_unfocused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" />
+    <line color="C_highlight" x1="13" y1="1" x2="width - 14" y2="1" />
+    <arc color="C_highlight" x="0" y="1" width="25" height="25" start_angle="270" extent_angle="90" />
+    <arc color="C_highlight" x="width - 26" y="1" width="25" height="25" start_angle="0" extent_angle="90" />
+  </draw_ops>
+
+  <draw_ops name="dialog_fill_background">
+    <rectangle color="C_background" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="dialog_background">
+    <rectangle color="C_background" x="0" y="0" width="width" height="height" filled="true" />
+  </draw_ops>
+
+  <draw_ops name="border_right_focused">
+    <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_focused" />
+  </draw_ops>
+
+  <draw_ops name="border_right_unfocused">
+    <line x1="width-1" y1="0" x2="width-1" y2="height" color="C_border_unfocused" />
+  </draw_ops>
+
+  <draw_ops name="border_left_focused">
+    <line x1="0" y1="0" x2="0" y2="height" color="C_border_focused" />
+  </draw_ops>
+
+  <draw_ops name="border_left_unfocused">
+    <line x1="0" y1="0" x2="0" y2="height" color="C_border_unfocused" />
+  </draw_ops>
+
+  <!-- ::: BUTTON ICONS ::: -->
+  <!-- note: negative values in x or y causes gnome-shell to crash -->
+  <!-- close icon -->
+  <draw_ops name="close_focused">
+    <image filename="titlebuttons/titlebutton-close.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_prelight">
+    <image filename="titlebuttons/titlebutton-close-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_focused_pressed">
+    <image filename="titlebuttons/titlebutton-close-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-close-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="close_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-close-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- maximize icon -->
+  <draw_ops name="maximize_focused">
+    <image filename="titlebuttons/titlebutton-maximize.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_prelight">
+    <image filename="titlebuttons/titlebutton-maximize-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_focused_pressed">
+    <image filename="titlebuttons/titlebutton-maximize-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-maximize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="maximize_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-maximize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- unmaximize icon -->
+  <draw_ops name="unmaximize_focused">
+    <image filename="titlebuttons/titlebutton-maximize.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_prelight">
+    <image filename="titlebuttons/titlebutton-unmaximize-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_focused_pressed">
+    <image filename="titlebuttons/titlebutton-unmaximize-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-unmaximize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unmaximize_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-unmaximize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- minimize icon -->
+  <draw_ops name="minimize_focused">
+    <image filename="titlebuttons/titlebutton-minimize.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_prelight">
+    <image filename="titlebuttons/titlebutton-minimize-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_focused_pressed">
+    <image filename="titlebuttons/titlebutton-minimize-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-minimize-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="minimize_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-minimize-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- Menu icon -->
+  <draw_ops name="menu_focused">
+    <image filename="titlebuttons/titlebutton-menu.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_focused_prelight">
+    <image filename="titlebuttons/titlebutton-menu-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_focused_pressed">
+    <image filename="titlebuttons/titlebutton-menu-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-menu-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+  <draw_ops name="menu_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-menu-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- shade icon -->
+  <draw_ops name="shade_focused">
+    <image filename="titlebuttons/titlebutton-shade.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_prelight">
+    <image filename="titlebuttons/titlebutton-shade-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_focused_pressed">
+    <image filename="titlebuttons/titlebutton-shade-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-shade-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="shade_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-shade-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- unshade icon -->
+  <draw_ops name="unshade_focused">
+    <image filename="titlebuttons/titlebutton-unshade.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_prelight">
+    <image filename="titlebuttons/titlebutton-unshade-hover.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_focused_pressed">
+    <image filename="titlebuttons/titlebutton-unshade-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused">
+    <image filename="titlebuttons/titlebutton-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_prelight">
+    <image filename="titlebuttons/titlebutton-unshade-backdrop.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <draw_ops name="unshade_unfocused_pressed">
+    <image filename="titlebuttons/titlebutton-unshade-backdrop-active.svg" x="0" y="1" width="object_width" height="object_height" />
+  </draw_ops>
+
+  <!-- ::: FRAME STYLES ::: -->
+  <frame_style name="normal_focused" geometry="normal">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="rounded_titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="rounded_border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_unfocused" geometry="normal_unfocused">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="rounded_border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_focused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_unfocused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_shaded_focused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="normal_max_shaded_unfocused" geometry="max">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="dialog_focused" geometry="nobuttons">
+    <piece position="entire_background" draw_ops="dialog_background" />
+    <piece position="titlebar" draw_ops="dialog_fill_background" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="rounded_border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="dialog_unfocused" geometry="nobuttons">
+    <piece position="entire_background" draw_ops="dialog_background" />
+    <piece position="titlebar" draw_ops="dialog_fill_background" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="rounded_border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="modal_dialog_focused" geometry="modal">
+    <piece position="entire_background" draw_ops="dialog_background" />
+    <piece position="titlebar" draw_ops="dialog_fill_background" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="rounded_border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="modal_dialog_unfocused" geometry="modal">
+    <piece position="entire_background" draw_ops="dialog_background" />
+    <piece position="titlebar" draw_ops="dialog_fill_background" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="rounded_border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="utility_focused" geometry="small">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="utility_unfocused" geometry="small_unfocused">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="border_focused" geometry="border">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="overlay" draw_ops="border_focused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="border_unfocused" geometry="border">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="overlay" draw_ops="border_unfocused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="borderless" geometry="borderless">
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="attached_focused" geometry="attached">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_attached_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_focused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="attached_unfocused" geometry="attached">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_attached_focused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_unfocused" />
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_left_focused" geometry="tiled_left">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_right_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_left_unfocused" geometry="tiled_left">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_right_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_right_focused" geometry="tiled_right">
+    <piece position="entire_background" draw_ops="entire_background_focused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_focused" />
+    <piece position="title" draw_ops="title_focused" />
+    <piece position="overlay" draw_ops="border_left_focused" />
+    <button function="close" state="normal" draw_ops="close_focused" />
+    <button function="close" state="prelight" draw_ops="close_focused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_focused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_focused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_focused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_focused" />
+    <button function="menu" state="prelight" draw_ops="menu_focused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_focused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_focused" />
+    <button function="shade" state="prelight" draw_ops="shade_focused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_focused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_focused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" />
+
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <frame_style name="tiled_right_unfocused" geometry="tiled_right">
+    <piece position="entire_background" draw_ops="entire_background_unfocused" />
+    <piece position="titlebar" draw_ops="titlebar_fill_unfocused" />
+    <piece position="title" draw_ops="title_unfocused" />
+    <piece position="overlay" draw_ops="border_left_unfocused" />
+    <button function="close" state="normal" draw_ops="close_unfocused" />
+    <button function="close" state="prelight" draw_ops="close_unfocused_prelight" />
+    <button function="close" state="pressed" draw_ops="close_unfocused_pressed" />
+    <button function="maximize" state="normal" draw_ops="maximize_unfocused" />
+    <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" />
+    <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" />
+    <button function="minimize" state="normal" draw_ops="minimize_unfocused" />
+    <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" />
+    <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" />
+    <button function="menu" state="normal" draw_ops="menu_unfocused" />
+    <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" />
+    <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" />
+    <button function="shade" state="normal" draw_ops="shade_unfocused" />
+    <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" />
+    <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" />
+    <button function="unshade" state="normal" draw_ops="unshade_unfocused" />
+    <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" />
+    <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" />
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <!-- placeholder for unimplementated styles-->
+  <frame_style name="blank" geometry="normal">
+    <button function="close" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="close" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="maximize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="minimize" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="menu" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="shade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="prelight">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unshade" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="above" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unabove" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="stick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="normal">
+      <draw_ops></draw_ops>
+    </button>
+    <button function="unstick" state="pressed">
+      <draw_ops></draw_ops>
+    </button>
+  </frame_style>
+
+  <!-- ::: FRAME STYLE SETS ::: -->
+  <frame_style_set name="normal_style_set">
+    <frame focus="yes" state="normal" resize="both" style="normal_focused" />
+    <frame focus="no" state="normal" resize="both" style="normal_unfocused" />
+    <frame focus="yes" state="maximized" style="normal_max_focused" />
+    <frame focus="no" state="maximized" style="normal_max_unfocused" />
+    <frame focus="yes" state="shaded" style="normal_focused" />
+    <frame focus="no" state="shaded" style="normal_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" />
+    <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused" />
+    <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused" />
+    <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused" />
+  </frame_style_set>
+
+  <frame_style_set name="dialog_style_set">
+    <frame focus="yes" state="normal" resize="both" style="dialog_focused" />
+    <frame focus="no" state="normal" resize="both" style="dialog_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="dialog_focused" />
+    <frame focus="no" state="shaded" style="dialog_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="modal_dialog_style_set">
+    <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" />
+    <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="modal_dialog_focused" />
+    <frame focus="no" state="shaded" style="modal_dialog_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="utility_style_set">
+    <frame focus="yes" state="normal" resize="both" style="utility_focused" />
+    <frame focus="no" state="normal" resize="both" style="utility_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="utility_focused" />
+    <frame focus="no" state="shaded" style="utility_unfocused" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="border_style_set">
+    <frame focus="yes" state="normal" resize="both" style="border_focused" />
+    <frame focus="no" state="normal" resize="both" style="border_unfocused" />
+    <frame focus="yes" state="maximized" style="borderless" />
+    <frame focus="no" state="maximized" style="borderless" />
+    <frame focus="yes" state="shaded" style="blank" />
+    <frame focus="no" state="shaded" style="blank" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <frame_style_set name="attached_style_set">
+    <frame focus="yes" state="normal" resize="both" style="attached_focused" />
+    <frame focus="no" state="normal" resize="both" style="attached_unfocused" />
+    <frame focus="yes" state="maximized" style="blank" />
+    <frame focus="no" state="maximized" style="blank" />
+    <frame focus="yes" state="shaded" style="blank" />
+    <frame focus="no" state="shaded" style="blank" />
+    <frame focus="yes" state="maximized_and_shaded" style="blank" />
+    <frame focus="no" state="maximized_and_shaded" style="blank" />
+  </frame_style_set>
+
+  <!-- ::: WINDOWS ::: -->
+  <window type="normal" style_set="normal_style_set" />
+  <window type="dialog" style_set="dialog_style_set" />
+  <window type="modal_dialog" style_set="modal_dialog_style_set" />
+  <window type="menu" style_set="utility_style_set" />
+  <window type="utility" style_set="utility_style_set" />
+  <window type="border" style_set="border_style_set" />
+  <window version=">= 3.2" type="attached" style_set="attached_style_set" />
+
+</metacity_theme>
diff --git a/Material/files/Material/metacity-1/thumbnail.png b/Material/files/Material/metacity-1/thumbnail.png
new file mode 100644
index 000000000..f15ae0430
Binary files /dev/null and b/Material/files/Material/metacity-1/thumbnail.png differ
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-backdrop.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-backdrop.svg
new file mode 100644
index 000000000..d3ebfca68
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-backdrop.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg11"
+   sodipodi:docname="titlebutton-backdrop.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs15" />
+  <sodipodi:namedview
+     id="namedview13"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g901" />
+  <g
+     id="g901">
+    <rect
+       x="0"
+       y="-1.4648437e-05"
+       width="16"
+       height="16"
+       ry="1.6931001e-05"
+       opacity="0"
+       stroke-width="0.47432"
+       style="paint-order:markers stroke fill"
+       id="rect2" />
+    <g
+       transform="translate(1,1)"
+       enable-background="new"
+       id="g8"
+       style="fill:#1f2233;fill-opacity:1">
+      <g
+         transform="translate(-5,-1033.4)"
+         fill-rule="evenodd"
+         id="g6"
+         style="fill:#1f2233;fill-opacity:1">
+        <path
+           d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+           fill="#5d5d5d"
+           id="path4"
+           style="fill:#1f2233;fill-opacity:1" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-close-active.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-close-active.svg
new file mode 100644
index 000000000..5fe56fe66
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-close-active.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg14"
+   sodipodi:docname="titlebutton-close-active.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs18" />
+  <sodipodi:namedview
+     id="namedview16"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg14" />
+  <g
+     transform="matrix(1.2857103,0,0,1.2857103,-1.0032855,-1.009265)"
+     enable-background="new"
+     id="g8"
+     style="fill:#f07178;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       id="g6"
+       style="fill:#f07178;fill-opacity:1">
+      <g
+         fill-rule="evenodd"
+         id="g4"
+         style="fill:#f07178;fill-opacity:1">
+        <path
+           d="m 12.003,1045.9 c 3.0068,0 5.4444,-2.4375 5.4444,-5.4444 0,-3.0069 -2.4376,-5.4445 -5.4444,-5.4445 -3.0069,0 -5.4445,2.4376 -5.4445,5.4445 0,3.0069 2.4376,5.4444 5.4445,5.4444"
+           fill="#cb4e43"
+           stroke-width="0.77778"
+           id="path2"
+           style="fill:#f07178;fill-opacity:1" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-close-backdrop-active.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-close-backdrop-active.svg
new file mode 100644
index 000000000..0c439947d
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-close-backdrop-active.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-close-backdrop-active.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="0"
+     y="-1.4648437e-05"
+     width="16"
+     height="16"
+     ry="1.6931001e-05"
+     opacity="0"
+     stroke-width="0.47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <g
+     transform="translate(1,1)"
+     enable-background="new"
+     id="g8"
+     style="fill:#f07178;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g6"
+       style="fill:#f07178;fill-opacity:1">
+      <path
+         d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+         fill="#4d4d4d"
+         id="path4"
+         style="fill:#f07178;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-close-backdrop.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-close-backdrop.svg
new file mode 100644
index 000000000..795cc283d
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-close-backdrop.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-close-backdrop.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="0"
+     y="-1.4648437e-05"
+     width="16"
+     height="16"
+     ry="1.6931001e-05"
+     opacity="0"
+     stroke-width="0.47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <g
+     transform="translate(1,1)"
+     enable-background="new"
+     id="g8"
+     style="fill:#dc6068;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g6"
+       style="fill:#dc6068;fill-opacity:1">
+      <path
+         d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+         fill="#5d5d5d"
+         id="path4"
+         style="fill:#dc6068;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-close-hover.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-close-hover.svg
new file mode 100644
index 000000000..14b9448c8
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-close-hover.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-close-hover.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     d="m8.0005 15.002c3.8659 0 6.9999-3.134 6.9999-7 0-3.866-3.134-6.9999-6.9999-6.9999-3.866 0-7 3.1339-7 6.9999 0 3.866 3.134 7 7 7"
+     fill="#e9524a"
+     fill-rule="evenodd"
+     id="path2"
+     style="fill:#dc6068;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-close.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-close.svg
new file mode 100644
index 000000000..d93f5ee69
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-close.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-close.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <rect
+     y="6.1035e-7"
+     width="16"
+     height="16"
+     ry="1.6931e-5"
+     opacity="0"
+     stroke-width=".47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <path
+     d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7"
+     fill="#e9524a"
+     fill-rule="evenodd"
+     id="path4"
+     style="fill:#f07178;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-maximize-active.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-maximize-active.svg
new file mode 100644
index 000000000..0e3dd5bd2
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-maximize-active.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg10"
+   sodipodi:docname="titlebutton-maximize-active.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs14" />
+  <sodipodi:namedview
+     id="namedview12"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg10" />
+  <g
+     transform="matrix(3.7795,0,0,3.7795,-340.99873,-468.52023)"
+     fill-rule="evenodd"
+     id="g4"
+     style="fill:#c3e88d;fill-opacity:1">
+    <path
+       d="m 92.34,127.93 c 1.0229,0 1.8521,-0.82923 1.8521,-1.8521 0,-1.0229 -0.82921,-1.8521 -1.8521,-1.8521 -1.0229,0 -1.8521,0.82923 -1.8521,1.8521 0,1.0229 0.82921,1.8521 1.8521,1.8521"
+       fill="#20a932"
+       stroke-width="0.77781"
+       id="path2"
+       style="fill:#c3e88d;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-maximize-backdrop-active.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-maximize-backdrop-active.svg
new file mode 100644
index 000000000..e250b4fc2
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-maximize-backdrop-active.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-maximize-backdrop-active.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="0"
+     y="-1.4648437e-05"
+     width="16"
+     height="16"
+     ry="1.6931001e-05"
+     opacity="0"
+     stroke-width="0.47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <g
+     transform="translate(1,1)"
+     enable-background="new"
+     id="g8"
+     style="fill:#c3e88d;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g6"
+       style="fill:#c3e88d;fill-opacity:1">
+      <path
+         d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+         fill="#4d4d4d"
+         id="path4"
+         style="fill:#c3e88d;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-maximize-backdrop.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-maximize-backdrop.svg
new file mode 100644
index 000000000..ab27e11b5
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-maximize-backdrop.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-maximize-backdrop.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="0"
+     y="-1.4648437e-05"
+     width="16"
+     height="16"
+     ry="1.6931001e-05"
+     opacity="0"
+     stroke-width="0.47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <g
+     transform="translate(1,1)"
+     enable-background="new"
+     id="g8"
+     style="fill:#abcf76;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g6"
+       style="fill:#abcf76;fill-opacity:1">
+      <path
+         d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+         fill="#5d5d5d"
+         id="path4"
+         style="fill:#abcf76;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-maximize-hover.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-maximize-hover.svg
new file mode 100644
index 000000000..46ba30ee9
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-maximize-hover.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-maximize-hover.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     d="m8.0019 14.999c3.8661 0 7-3.1339 7-7 0-3.8661-3.134-7-7-7-3.8661 0-7 3.134-7 7 0 3.8661 3.134 7 7 7"
+     fill="#59c837"
+     fill-rule="evenodd"
+     stroke-width="2.9396"
+     id="path2"
+     style="fill:#abcf76;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-maximize.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-maximize.svg
new file mode 100644
index 000000000..68b94a2b7
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-maximize.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-maximize.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <rect
+     y="6.1035e-7"
+     width="16"
+     height="16"
+     ry="1.6931e-5"
+     opacity="0"
+     stroke-width=".47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <path
+     d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7"
+     fill="#59c837"
+     fill-rule="evenodd"
+     id="path4"
+     style="fill:#c3e88d;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-menu-active.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-menu-active.svg
new file mode 100644
index 000000000..700a76851
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-menu-active.svg
@@ -0,0 +1,11 @@
+<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#4d4d4d"/>
+ <g id="titlebutton-minimize-backdrop" transform="translate(-253,268.64)">
+  <rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/>
+  <g transform="translate(254,-267.64)" enable-background="new"></g>
+ </g>
+ <g id="menu_focused_prelight" transform="matrix(3.7795 0 0 3.7795 -384 -278.52)">
+  <rect x="101.6" y="73.692" width="4.2333" height="4.2333" ry="4.4796e-6" opacity="0" stroke-width=".1255" style="paint-order:markers stroke fill"/>
+  <circle transform="scale(1,-1)" cx="103.72" cy="-75.808" r=".66146" fill="#000000" fill-opacity=".96838" opacity=".5"/>
+ </g>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-menu-backdrop-active.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-menu-backdrop-active.svg
new file mode 120000
index 000000000..6c570efde
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-menu-backdrop-active.svg
@@ -0,0 +1 @@
+titlebutton-menu-active.svg
\ No newline at end of file
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-menu-backdrop.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-menu-backdrop.svg
new file mode 120000
index 000000000..74c19dff2
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-menu-backdrop.svg
@@ -0,0 +1 @@
+titlebutton-menu-hover.svg
\ No newline at end of file
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-menu-hover.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-menu-hover.svg
new file mode 100644
index 000000000..f2360e260
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-menu-hover.svg
@@ -0,0 +1,11 @@
+<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#5d5d5d"/>
+ <g id="titlebutton-minimize-backdrop" transform="translate(-253,268.64)">
+  <rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/>
+  <g transform="translate(254,-267.64)" enable-background="new"></g>
+ </g>
+ <g id="menu_focused_prelight" transform="matrix(3.7795 0 0 3.7795 -384 -278.52)">
+  <rect x="101.6" y="73.692" width="4.2333" height="4.2333" ry="4.4796e-6" opacity="0" stroke-width=".1255" style="paint-order:markers stroke fill"/>
+  <circle transform="scale(1,-1)" cx="103.72" cy="-75.808" r=".66146" fill="#000000" fill-opacity=".96838" opacity=".5"/>
+ </g>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-menu.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-menu.svg
new file mode 120000
index 000000000..2a679ce4b
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-menu.svg
@@ -0,0 +1 @@
+titlebutton-backdrop.svg
\ No newline at end of file
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-minimize-active.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-minimize-active.svg
new file mode 100644
index 000000000..706b3620e
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-minimize-active.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg12"
+   sodipodi:docname="titlebutton-minimize-active.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs16" />
+  <sodipodi:namedview
+     id="namedview14"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg12" />
+  <g
+     transform="matrix(1.0002447,0,0,1.0002447,1.9952185,1.4e-4)"
+     enable-background="new"
+     id="g6"
+     style="fill:#ffcb6b;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g4"
+       style="fill:#ffcb6b;fill-opacity:1">
+      <path
+         d="m 11.003,1048.4 c 3.865,0 6.9982,-3.1332 6.9982,-6.9983 0,-3.8651 -3.1333,-6.9984 -6.9982,-6.9984 -3.865,0 -6.9983,3.1332 -6.9983,6.9984 0,3.865 3.1333,6.9983 6.9983,6.9983"
+         fill="#caa124"
+         stroke-width="0.77778"
+         id="path2"
+         style="fill:#ffcb6b;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-minimize-backdrop-active.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-minimize-backdrop-active.svg
new file mode 100644
index 000000000..0ec6491a9
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-minimize-backdrop-active.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-minimize-backdrop-active.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="0"
+     y="-1.4648437e-05"
+     width="16"
+     height="16"
+     ry="1.6931001e-05"
+     opacity="0"
+     stroke-width="0.47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <g
+     transform="translate(1,1)"
+     enable-background="new"
+     id="g8"
+     style="fill:#ffcb6b;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g6"
+       style="fill:#ffcb6b;fill-opacity:1">
+      <path
+         d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+         fill="#4d4d4d"
+         id="path4"
+         style="fill:#ffcb6b;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-minimize-backdrop.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-minimize-backdrop.svg
new file mode 100644
index 000000000..047a35899
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-minimize-backdrop.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-minimize-backdrop.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="0"
+     y="-1.4648437e-05"
+     width="16"
+     height="16"
+     ry="1.6931001e-05"
+     opacity="0"
+     stroke-width="0.47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <g
+     transform="translate(1,1)"
+     enable-background="new"
+     id="g8"
+     style="fill:#e6b455;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g6"
+       style="fill:#e6b455;fill-opacity:1">
+      <path
+         d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+         fill="#5d5d5d"
+         id="path4"
+         style="fill:#e6b455;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-minimize-hover.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-minimize-hover.svg
new file mode 100644
index 000000000..df6b8d041
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-minimize-hover.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-minimize-hover.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     d="m7.9999 15.004c3.8659 0 6.9999-3.134 6.9999-7 0-3.866-3.1341-7.0001-6.9999-7.0001-3.866 0-7.0001 3.134-7.0001 7.0001 0 3.8659 3.1341 7 7.0001 7"
+     fill="#f1ae1b"
+     fill-rule="evenodd"
+     stroke-width=".77797"
+     id="path2"
+     style="fill:#e6b455;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-minimize.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-minimize.svg
new file mode 100644
index 000000000..8a9970bf1
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-minimize.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-minimize.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <rect
+     y="6.1035e-7"
+     width="16"
+     height="16"
+     ry="1.6931e-5"
+     opacity="0"
+     stroke-width=".47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <path
+     d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7"
+     fill="#f1ae1b"
+     fill-rule="evenodd"
+     id="path4"
+     style="fill:#ffcb6b;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-shade-active.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-shade-active.svg
new file mode 100644
index 000000000..215334b4b
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-shade-active.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-shade-active.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="-0.0040094261"
+     y="-0.0019087296"
+     width="15.999758"
+     height="15.999758"
+     ry="1.693065e-05"
+     opacity="0"
+     stroke-width="0.474327"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <path
+     d="m 7.997184,14.99893 c 3.866051,0 7.000012,-3.133961 7.000012,-7.0000119 0,-3.8660506 -3.133999,-7.000012 -7.000012,-7.000012 -3.8660506,0 -7.00001195,3.1339614 -7.00001195,7.000012 0,3.8660509 3.13399915,7.0000119 7.00001195,7.0000119"
+     fill="#0b67ef"
+     fill-rule="evenodd"
+     id="path4"
+     style="stroke-width:3.7795;fill:#6e98eb;fill-opacity:1" />
+  <g
+     transform="matrix(0.99998011,0,0,0.99998011,-0.0040175,0.4969885)"
+     fill="#c0e3ff"
+     id="g10">
+    <g
+       transform="translate(-81,-967)"
+       fill="#c0e3ff"
+       id="g8">
+      <path
+         transform="translate(-41,867)"
+         d="m 130,104 -2,3 h 1 v 4 h 2 v -4 h 1 z"
+         color="#000000"
+         fill="#000000"
+         opacity="0.5"
+         style="text-indent:0;text-decoration-line:none;text-transform:none"
+         id="path6" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-shade-backdrop-active.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-shade-backdrop-active.svg
new file mode 100644
index 000000000..5091b16bb
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-shade-backdrop-active.svg
@@ -0,0 +1,8 @@
+<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#4d4d4d"/>
+ <g id="titlebutton-minimize-backdrop" transform="translate(-253 268.64)">
+  <rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/>
+  <g transform="translate(254,-267.64)" enable-background="new"></g>
+ </g>
+ <path d="m8 5-2 3h1v4h2v-4h1z" color="#000000" fill="#000000" opacity=".5" style="text-decoration-line:none;text-indent:0;text-transform:none"/>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-shade-backdrop.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-shade-backdrop.svg
new file mode 100644
index 000000000..8ac0d6a0b
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-shade-backdrop.svg
@@ -0,0 +1,8 @@
+<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#5d5d5d"/>
+ <g id="titlebutton-minimize-backdrop" transform="translate(-253 268.64)">
+  <rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/>
+  <g transform="translate(254,-267.64)" enable-background="new"></g>
+ </g>
+ <path d="m8 5-2 3h1v4h2v-4h1z" color="#000000" fill="#000000" opacity=".5" style="text-decoration-line:none;text-indent:0;text-transform:none"/>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-shade-hover.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-shade-hover.svg
new file mode 100644
index 000000000..9726257f6
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-shade-hover.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-shade-hover.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="-0.0040094261"
+     y="-0.001080925"
+     width="15.999758"
+     height="15.999758"
+     ry="1.693065e-05"
+     opacity="0"
+     stroke-width="0.474327"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <path
+     d="m 7.997184,14.99597 c 3.866051,0 7.000012,-3.133961 7.000012,-7.000012 0,-3.8660505 -3.133999,-7.0000119 -7.000012,-7.0000119 -3.8660506,0 -7.00001195,3.1339614 -7.00001195,7.0000119 0,3.866051 3.13399915,7.000012 7.00001195,7.000012"
+     fill="#4285f4"
+     fill-rule="evenodd"
+     id="path4"
+     style="stroke-width:3.7795;fill:#82aaff;fill-opacity:1" />
+  <g
+     transform="matrix(0.99998011,0,0,0.99998011,-0.0040175,0.996702)"
+     fill="#c0e3ff"
+     id="g10">
+    <g
+       transform="translate(-81,-967)"
+       fill="#c0e3ff"
+       id="g8">
+      <path
+         transform="translate(-41,867)"
+         d="m 130,104 -2,3 h 1 v 4 h 2 v -4 h 1 z"
+         color="#000000"
+         fill="#000000"
+         opacity="0.5"
+         style="text-indent:0;text-decoration-line:none;text-transform:none"
+         id="path6" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-shade.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-shade.svg
new file mode 100644
index 000000000..d6efd73ce
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-shade.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg11"
+   sodipodi:docname="titlebutton-shade.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs15" />
+  <sodipodi:namedview
+     id="namedview13"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg11" />
+  <rect
+     x="0"
+     y="6.1035155e-07"
+     width="16"
+     height="16"
+     ry="1.6931001e-05"
+     opacity="0"
+     stroke-width="0.47432"
+     style="paint-order:markers stroke fill"
+     id="rect2" />
+  <g
+     transform="translate(1,1)"
+     enable-background="new"
+     id="g8"
+     style="fill:#82aaff;fill-opacity:1">
+    <g
+       transform="translate(-5,-1033.4)"
+       fill-rule="evenodd"
+       id="g6"
+       style="fill:#82aaff;fill-opacity:1">
+      <path
+         d="m 12,1047.4 c 3.8659,0 6.9999,-3.134 6.9999,-7 0,-3.866 -3.134,-7 -6.9999,-7 -3.866,0 -7.0001,3.134 -7.0001,7 0,3.866 3.134,7 7.0001,7"
+         fill="#4285f4"
+         id="path4"
+         style="fill:#82aaff;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-unmaximize-active.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-unmaximize-active.svg
new file mode 100644
index 000000000..951dc887d
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-unmaximize-active.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="titlebutton-unmaximize-active.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs12" />
+  <sodipodi:namedview
+     id="namedview10"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <g
+     transform="matrix(3.7795 0 0 3.7795 -341 -468.52)"
+     fill-rule="evenodd"
+     id="g4"
+     style="fill:#c3e88d;fill-opacity:1">
+    <path
+       d="m92.34 127.93c1.0229 0 1.8521-0.82923 1.8521-1.8521 0-1.0229-0.82921-1.8521-1.8521-1.8521-1.0229 0-1.8521 0.82923-1.8521 1.8521 0 1.0229 0.82921 1.8521 1.8521 1.8521"
+       fill="#20a932"
+       stroke-width=".77781"
+       id="path2"
+       style="fill:#c3e88d;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop-active.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop-active.svg
new file mode 100644
index 000000000..45bb6d9a7
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop-active.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-unmaximize-backdrop-active.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     d="m8.0019 14.999c3.8661 0 7-3.1339 7-7s-3.134-7-7-7c-3.8661 0-7 3.134-7 7 0 3.8661 3.134 7 7 7"
+     fill="#4d4d4d"
+     fill-rule="evenodd"
+     stroke-width="2.9396"
+     id="path2"
+     style="fill:#c3e88d;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop.svg
new file mode 100644
index 000000000..05d195d7f
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-unmaximize-backdrop.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     d="m8.0019 14.999c3.8661 0 7-3.1339 7-7s-3.134-7-7-7c-3.8661 0-7 3.134-7 7 0 3.8661 3.134 7 7 7"
+     fill="#5d5d5d"
+     fill-rule="evenodd"
+     stroke-width="2.9396"
+     id="path2"
+     style="fill:#abcf76;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-unmaximize-hover.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-unmaximize-hover.svg
new file mode 100644
index 000000000..1409c07eb
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-unmaximize-hover.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="titlebutton-unmaximize-hover.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8.0461095"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     d="m8.0019 14.999c3.8661 0 7-3.1339 7-7s-3.134-7-7-7c-3.8661 0-7 3.134-7 7 0 3.8661 3.134 7 7 7"
+     fill="#59c837"
+     fill-rule="evenodd"
+     stroke-width="2.9396"
+     id="path2"
+     style="fill:#abcf76;fill-opacity:1" />
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-unshade-active.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-unshade-active.svg
new file mode 100644
index 000000000..149597a6d
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-unshade-active.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-unshade-active.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="-0.0040094261"
+     y="-16.001909"
+     width="15.999758"
+     height="15.999758"
+     ry="1.693065e-05"
+     opacity="0"
+     stroke-width="0.474327"
+     style="paint-order:markers stroke fill"
+     id="rect2"
+     transform="scale(1,-1)" />
+  <path
+     d="m 7.997184,1.00107 c 3.866051,0 7.000012,3.1339614 7.000012,7.0000119 0,3.8660501 -3.133999,7.0000121 -7.000012,7.0000121 -3.8660506,0 -7.00001195,-3.133962 -7.00001195,-7.0000121 0,-3.8660505 3.13399915,-7.0000119 7.00001195,-7.0000119"
+     fill="#0b67ef"
+     fill-rule="evenodd"
+     id="path4"
+     style="stroke-width:3.7795;fill:#6e98eb;fill-opacity:1" />
+  <g
+     transform="matrix(0.99998011,0,0,-0.99998011,-0.0040175,15.503011)"
+     fill="#c0e3ff"
+     id="g10">
+    <g
+       transform="translate(-81,-967)"
+       fill="#c0e3ff"
+       id="g8">
+      <path
+         transform="translate(-41,867)"
+         d="m 130,104 -2,3 h 1 v 4 h 2 v -4 h 1 z"
+         color="#000000"
+         fill="#000000"
+         opacity="0.5"
+         style="text-indent:0;text-decoration-line:none;text-transform:none"
+         id="path6" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-unshade-backdrop-active.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-unshade-backdrop-active.svg
new file mode 100644
index 000000000..5714d2f10
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-unshade-backdrop-active.svg
@@ -0,0 +1,8 @@
+<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#4d4d4d"/>
+ <g id="titlebutton-minimize-backdrop" transform="matrix(1 0 0 -1 -253 -252.64)">
+  <rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/>
+  <g transform="translate(254,-267.64)" enable-background="new"></g>
+ </g>
+ <path d="m8 12-2-3h1v-4h2v4h1z" color="#000000" fill="#000000" opacity=".5" style="text-decoration-line:none;text-indent:0;text-transform:none"/>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-unshade-backdrop.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-unshade-backdrop.svg
new file mode 100644
index 000000000..dad067160
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-unshade-backdrop.svg
@@ -0,0 +1,8 @@
+<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#5d5d5d"/>
+ <g id="titlebutton-minimize-backdrop" transform="matrix(1 0 0 -1 -253 -252.64)">
+  <rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/>
+  <g transform="translate(254,-267.64)" enable-background="new"></g>
+ </g>
+ <path d="m8 12-2-3h1v-4h2v4h1z" color="#000000" fill="#000000" opacity=".5" style="text-decoration-line:none;text-indent:0;text-transform:none"/>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-unshade-hover.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-unshade-hover.svg
new file mode 100644
index 000000000..6bb51f684
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-unshade-hover.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="titlebutton-unshade-hover.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, 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="defs17" />
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="43.375"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-width="1866"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <rect
+     x="-0.0040094261"
+     y="-16.001081"
+     width="15.999758"
+     height="15.999758"
+     ry="1.693065e-05"
+     opacity="0"
+     stroke-width="0.474327"
+     style="paint-order:markers stroke fill"
+     id="rect2"
+     transform="scale(1,-1)" />
+  <path
+     d="m 7.997184,1.00403 c 3.866051,0 7.000012,3.1339614 7.000012,7.000012 0,3.86605 -3.133999,7.000012 -7.000012,7.000012 -3.8660506,0 -7.00001195,-3.133961 -7.00001195,-7.000012 0,-3.8660506 3.13399915,-7.000012 7.00001195,-7.000012"
+     fill="#4285f4"
+     fill-rule="evenodd"
+     id="path4"
+     style="stroke-width:3.7795;fill:#82aaff;fill-opacity:1" />
+  <g
+     transform="matrix(0.99998011,0,0,-0.99998011,-0.0040175,15.003298)"
+     fill="#c0e3ff"
+     id="g10">
+    <g
+       transform="translate(-81,-967)"
+       fill="#c0e3ff"
+       id="g8">
+      <path
+         d="m 89,970 -2,3 h 1 v 4 h 2 v -4 h 1 z"
+         color="#000000"
+         fill="#000000"
+         opacity="0.5"
+         style="text-indent:0;text-decoration-line:none;text-transform:none"
+         id="path6" />
+    </g>
+  </g>
+</svg>
diff --git a/Material/files/Material/metacity-1/titlebuttons/titlebutton-unshade.svg b/Material/files/Material/metacity-1/titlebuttons/titlebutton-unshade.svg
new file mode 120000
index 000000000..58a2bbf2c
--- /dev/null
+++ b/Material/files/Material/metacity-1/titlebuttons/titlebutton-unshade.svg
@@ -0,0 +1 @@
+titlebutton-shade.svg
\ No newline at end of file
diff --git a/Material/files/Material/options.py b/Material/files/Material/options.py
new file mode 100755
index 000000000..d70707374
--- /dev/null
+++ b/Material/files/Material/options.py
@@ -0,0 +1,473 @@
+#!/usr/bin/python3
+
+import gi
+gi.require_version('Gtk', '3.0')
+from gi.repository import Gtk
+gi.require_version('Gdk', '3.0')
+from gi.repository import Gdk
+from gi.repository import Gio, GLib
+import json
+import os
+import subprocess
+import string
+import random
+import time
+
+'''
+Dist, $XDG_CURRENT_DESKTOP, $XDG_SESSION_TYPE
+Ubuntu 18.04,       ubuntu:GNOME,   x11,        rename theme.
+Ubuntu 20.04,       ubuntu:GNOME,   x11,        rename theme.
+Ubuntu 22.04,       ubuntu:GNOME,   x11,        rename theme.
+Manjaro gnome 23    GNOME,          x11,        rename theme.
+Fedora 39,          GNOME,          wayland,    ok
+Ubuntu Unity 23     Unity:Unity7:ubuntu, x11    ok
+xubuntu 23          XFCE,           x11,        ok
+Manjaro xfce 22     XFCE,           x11,        ok
+MX Linux 23.2       XFCE,           x11,
+Manjaro Cinnamon    X-Cinnamon,     x11,        rename theme.
+Manjaro Cinnamon    X-Cinnamon,     wayland,    ok
+LinuxMint 21.3 mate MATE,           x11,        ok
+elementaryos-7      Pantheon,       x11,        rename theme. Has no effect on gtk3 apps
+popOS 22,           pop:GNOME,      x11,        rename theme.
+Ubuntu Budgie 23    Budgie:GNOME,   x11,        rename theme and set org.gnome.desktop.interface
+    color-scheme as it changes to "prefer-dark" each time.
+'''
+rename_theme_on_update = False
+desktop_environment = os.environ.get('XDG_CURRENT_DESKTOP')
+if not desktop_environment:
+    desktop_environment = "Unknown"
+elif "Budgie" in desktop_environment:
+    desktop_environment = 'Budgie'
+    rename_theme_on_update = True
+elif "Unity" in desktop_environment:
+    desktop_environment = 'Unity'
+elif "pop" in desktop_environment:
+    desktop_environment = 'pop'
+    rename_theme_on_update = os.environ["XDG_SESSION_TYPE"] == "x11"
+elif "ubuntu:GNOME" in desktop_environment:
+    desktop_environment = 'ubuntu:GNOME'
+    rename_theme_on_update = os.environ["XDG_SESSION_TYPE"] == "x11"
+elif "GNOME" in desktop_environment:
+    desktop_environment = 'GNOME'
+    rename_theme_on_update = os.environ["XDG_SESSION_TYPE"] == "x11"
+elif "Cinnamon" in desktop_environment:
+    desktop_environment = "Cinnamon"
+    rename_theme_on_update = os.environ["XDG_SESSION_TYPE"] == "x11"
+elif "MATE" in desktop_environment:
+    desktop_environment = "MATE"
+elif "XFCE" in desktop_environment:
+    desktop_environment = "XFCE"
+elif "Pantheon" in desktop_environment:
+    desktop_environment = "Pantheon"
+    rename_theme_on_update = True
+
+print(f"Desktop environment is: {desktop_environment}...")
+
+class OptionsWindow(Gtk.Window):
+    def __init__(self, desktop_environment, rename_theme_on_update):
+        super().__init__(title="")
+
+        self.desktop_environment = desktop_environment
+        self.rename_theme_on_update = rename_theme_on_update
+
+        self.current_theme_dir = os.path.dirname(os.path.abspath(__file__))
+        self.current_theme_name = os.path.basename(self.current_theme_dir)
+        
+        self.set_default_size(500, 100)
+        
+        box = Gtk.Box.new(Gtk.Orientation.VERTICAL, 15)
+        box.set_margin_top(20)
+        box.set_margin_bottom(20)
+        box.set_margin_start(35)
+        box.set_margin_end(35)
+        self.add(box)
+        self.set_icon_name("applications-graphics")
+        
+        self.load_config_file()
+        theme_name = self.options.get("theme_name", "?")
+        self.set_title("%s theme options" % theme_name)
+        
+        self.widgets = {}
+        
+        for option in self.options["options"]:
+            desktops = option["desktop"]
+            if isinstance(desktops, str):
+                desktops = [desktops]
+            if not ("all" in desktops or self.desktop_environment in desktops):
+                continue
+            
+            if option["type"] == "combo":
+                combobox = Gtk.Box.new(Gtk.Orientation.HORIZONTAL, 10)
+                combobox_label = Gtk.Label.new(option["label"])
+                combobox_label.set_halign(Gtk.Align.START)
+                combobox.pack_start(combobox_label, True, True, 0)
+                combo_widget = Gtk.ComboBoxText.new()
+                for label in option["labels"]:
+                    combo_widget.append_text(label)
+                combo_widget.set_active(option["value"])
+                combo_widget.set_halign(Gtk.Align.END)
+                combo_widget.connect("changed", self.on_setting_changed)
+                combobox.pack_start(combo_widget, True, True, 0)
+                box.pack_start(combobox, False, True, 0)
+                self.widgets[option["name"]] = combo_widget
+            elif option["type"] == "switch":
+                switchbox = Gtk.Box.new(Gtk.Orientation.HORIZONTAL, 10)
+                switchbox_label = Gtk.Label.new(option["label"])
+                switchbox_label.set_halign(Gtk.Align.START)
+                switchbox.pack_start(switchbox_label, True, True, 0)
+                switch = Gtk.Switch.new()
+                switch.set_active(option["value"])
+                switch.set_halign(Gtk.Align.END)
+                switch.set_valign(Gtk.Align.CENTER)
+                switch.connect("state-set", self.on_setting_changed)
+                switchbox.pack_start(switch, True, True, 0)
+                box.pack_start(switchbox, False, True, 0)
+                self.widgets[option["name"]] = switch
+            elif option["type"] == "color-chooser":
+                colorbox = Gtk.Box.new(Gtk.Orientation.HORIZONTAL, 10)
+                colorbox_label = Gtk.Label.new(option["label"])
+                colorbox_label.set_halign(Gtk.Align.START)
+                colorbox.pack_start(colorbox_label, True, True, 0)
+                colorButton = Gtk.ColorButton.new()
+                color = Gdk.RGBA()
+                color.parse(option["value"])
+                colorButton.set_rgba(color)
+                colorButton.set_halign(Gtk.Align.END)
+                colorButton.set_valign(Gtk.Align.CENTER)
+                colorButton.connect("color-set", self.on_setting_changed)
+                colorbox.pack_start(colorButton, True, True, 0)
+                box.pack_start(colorbox, False, True, 0)
+                self.widgets[option["name"]] = colorButton
+            elif option["type"] == "spinbutton":
+                spinbox = Gtk.Box.new(Gtk.Orientation.HORIZONTAL, 10)
+                spinbox_label = Gtk.Label.new(option["label"])
+                spinbox_label.set_halign(Gtk.Align.START)
+                spinbox.pack_start(spinbox_label, True, True, 0)
+                spinbutton = Gtk.SpinButton.new_with_range(option["min"],option["max"],option["step"])
+                spinbutton.set_value(option["value"])
+                spinbutton.set_snap_to_ticks(True)
+                spinbutton.set_halign(Gtk.Align.END)
+                spinbutton.set_valign(Gtk.Align.CENTER)
+                spinbutton.connect("changed", self.on_setting_changed)
+                spinbox.pack_start(spinbutton, True, True, 0)
+                box.pack_start(spinbox, False, True, 0)
+                self.widgets[option["name"]] = spinbutton
+        #---------------------------
+        if len(self.widgets) > 0:
+            xfwm_dir = os.path.join(self.current_theme_dir, "xfwm4")
+            if (self.desktop_environment == "XFCE" and os.path.exists(xfwm_dir)):
+                label = Gtk.Label.new("For title bar changes, ensure 'Set matching Xfwm4 theme'"\
+                   " in Appearance settings is checked.")
+                label.set_line_wrap(True)
+                label.set_size_request(450, -1)
+                box.pack_start(label, False, True, 0)
+            #---------------------------
+            self.applybutton = Gtk.Button.new_with_label("Apply")
+            self.applybutton.set_halign(Gtk.Align.CENTER)
+            self.applybutton.set_valign(Gtk.Align.END)
+            self.applybutton.set_sensitive(False)
+            self.applybutton.connect("clicked", self.on_apply_button_clicked)
+            box.pack_start(self.applybutton, False, True, 0)
+            #---------------------------
+            separator = Gtk.Separator.new(Gtk.Orientation.HORIZONTAL)
+            separator.set_valign(Gtk.Align.END)
+            box.pack_start(separator, False, True, 0)
+        #---------------------------
+        setthemebox = Gtk.Box.new(Gtk.Orientation.HORIZONTAL, 10)
+        self.setthemebox_label = Gtk.Label.new("")
+        self.setthemebox_label.set_halign(Gtk.Align.START)
+        setthemebox.pack_start(self.setthemebox_label, True, True, 0)
+        self.setthemebox_button = Gtk.Button.new()
+        self.setthemebox_button.set_label("Set theme")
+        self.setthemebox_button.set_halign(Gtk.Align.END)
+        self.setthemebox_button.set_valign(Gtk.Align.CENTER)
+        self.setthemebox_button.connect("clicked", self.on_setthemebox_button_clicked)
+        setthemebox.pack_start(self.setthemebox_button, True, True, 0)
+        box.pack_start(setthemebox, False, True, 0)
+        self.update_setthemebox()
+        #---------------------------
+        if self.options.get("adwaita_link_to_gtk4", False):
+            adwaitabox = Gtk.Box.new(Gtk.Orientation.HORIZONTAL, 10)
+            self.adwaitabox_label = Gtk.Label.new("")
+            self.adwaitabox_label.set_halign(Gtk.Align.START)
+            adwaitabox.pack_start(self.adwaitabox_label, True, True, 0)
+            self.adwaitabox_button = Gtk.Button.new()
+            self.adwaitabox_button.set_halign(Gtk.Align.END)
+            self.adwaitabox_button.set_valign(Gtk.Align.CENTER)
+            self.adwaitabox_button.connect("clicked", self.on_adwaitabox_button_clicked)
+            adwaitabox.pack_start(self.adwaitabox_button, True, True, 0)
+            box.pack_start(adwaitabox, False, True, 0)
+            self.update_adwaitabox()
+
+    def update_adwaitabox(self):
+        if is_libadwaita_linked(self.current_theme_dir):
+            self.adwaitabox_label.set_text("This theme is your current libadwaita theme")
+            self.adwaitabox_button.set_label("Remove")
+        else:
+            self.adwaitabox_label.set_text("Set this theme as your current libadwaita theme")
+            self.adwaitabox_button.set_label("Install")
+
+    def on_adwaitabox_button_clicked(self, button):
+        if is_libadwaita_linked(self.current_theme_dir): # "Remove" clicked
+            unlink_libadwaita()
+        else: # "Install" clicked
+            unlink_libadwaita()
+            link_libadwaita(self.current_theme_dir)
+
+        self.update_adwaitabox()
+    
+    def update_setthemebox(self):
+        if is_current_theme(self.current_theme_name):
+            self.setthemebox_label.set_text("This theme is your current desktop theme")
+            self.setthemebox_button.set_sensitive(False)
+        else:
+            self.setthemebox_label.set_text("This theme is not your current desktop theme")
+            self.setthemebox_button.set_sensitive(True)
+
+    def on_setthemebox_button_clicked(self, button):
+        set_theme(self.current_theme_name)
+        self.update_setthemebox()
+
+    def on_setting_changed(self, *args):
+        self.applybutton.set_sensitive(True)
+
+    def load_config_file(self):
+        file_name = os.path.join(self.current_theme_dir, "config", "options_config.json")
+        with open(file_name, "r") as file:
+            self.options = json.load(file)
+
+    def save_config_file(self, new_theme_dir):
+        file_name = os.path.join(new_theme_dir, "config", "options_config.json")
+        with open(file_name, "w") as file:
+            json.dump(self.options, file, indent=4)
+
+    def get_new_theme_names(self):
+        if self.rename_theme_on_update:
+            random_chars = "".join(random.choices(string.digits, k=3))
+            new_theme_name = self.options["theme_name"] + random_chars
+            new_theme_dir = os.path.join(os.path.dirname(self.current_theme_dir), new_theme_name)
+            print ("Renaming theme to " + new_theme_name + "...")
+        else: #keep same name
+            new_theme_dir = self.current_theme_dir
+            new_theme_name = self.current_theme_name
+        return (new_theme_dir, new_theme_name)
+
+    def on_apply_button_clicked(self, button):        
+        new_theme_dir, new_theme_name = self.get_new_theme_names()
+        #Rename theme directory if neccessary
+        if new_theme_dir != self.current_theme_dir:
+            os.rename(self.current_theme_dir, new_theme_dir)
+
+        #prepare install command and store settings
+        command = [os.path.join(new_theme_dir, 'config', self.options["script_name"])]
+        
+        for option in self.options["options"]:
+            desktops = option["desktop"]
+            if isinstance(desktops, str):
+                desktops = [desktops]
+            if "all" in desktops or self.desktop_environment in desktops:
+                if option["type"] == "combo":
+                    command.append("--" + option["name"])
+                    value = self.widgets[option["name"]].get_active()
+                    option["value"] = value
+                    value_id = option["ids"][value]
+                    command.append(value_id)
+                elif option["type"] == "switch":
+                    value = self.widgets[option["name"]].get_active()
+                    option["value"] = value
+                    if value:
+                        command.append("--" + option["name"])
+                elif option["type"] == "color-chooser":
+                    command.append("--" + option["name"])
+                    rgba = self.widgets[option["name"]].get_rgba()
+                    red = int(round(rgba.red * 255))
+                    green = int(round(rgba.green * 255))
+                    blue = int(round(rgba.blue * 255))
+                    value = f"#{red:02x}{green:02x}{blue:02x}"
+                    option["value"] = value
+                    command.append(value)
+                elif option["type"] == "spinbutton":
+                    command.append("--" + option["name"])
+                    value = self.widgets[option["name"]].get_value()
+                    if value == int(value):
+                        value = int(value)
+                    option["value"] = value
+                    command.append(str(value))
+        
+        #Install theme
+        print ("Running..." + " ".join(command))
+        subprocess.run(command, check=True)
+        print("Install finished OK")
+        
+        #save settings
+        self.save_config_file(new_theme_dir)
+
+        #apply desktop theme
+        update_theme(self.current_theme_name, new_theme_name)
+        self.applybutton.set_sensitive(False)
+
+        #Relink libadwaita if neccessary
+        if new_theme_name != self.current_theme_name and is_libadwaita_linked(self.current_theme_dir):
+            unlink_libadwaita()
+            link_libadwaita(new_theme_dir)
+
+        #update theme name
+        self.current_theme_dir = new_theme_dir
+        self.current_theme_name = new_theme_name
+
+def is_link_to(link, target):
+    return os.path.islink(link) and os.readlink(link) == target
+
+def is_libadwaita_linked(theme_dir):
+    config_dir = os.path.expanduser('~/.config/gtk-4.0/')
+    return (is_link_to(os.path.join(config_dir, 'assets'), os.path.join(theme_dir, 'gtk-4.0', 'assets')) and
+        is_link_to(os.path.join(config_dir, 'gtk.css'), os.path.join(theme_dir, 'gtk-4.0', 'gtk.css')) and
+        is_link_to(os.path.join(config_dir, 'gtk-dark.css'), os.path.join(theme_dir, 'gtk-4.0', 'gtk-dark.css')))
+
+def link_libadwaita(theme_dir):
+    config_dir = os.path.expanduser('~/.config/gtk-4.0/')
+    os.makedirs(config_dir, exist_ok=True)
+    os.symlink(os.path.join(theme_dir, 'gtk-4.0', 'assets'), os.path.join(config_dir, 'assets'), target_is_directory = True)
+    os.symlink(os.path.join(theme_dir, 'gtk-4.0', 'gtk.css'), os.path.join(config_dir, 'gtk.css'))
+    os.symlink(os.path.join(theme_dir, 'gtk-4.0', 'gtk-dark.css'), os.path.join(config_dir, 'gtk-dark.css'))
+               
+def unlink_libadwaita():
+    config_dir = os.path.expanduser('~/.config/gtk-4.0/')
+    subprocess.run(["rm", "-rf", config_dir + "assets"])
+    subprocess.run(["rm", "-rf", config_dir + "gtk.css"])
+    subprocess.run(["rm", "-rf", config_dir + "gtk-dark.css"])
+
+#---------------------------------------------------
+
+def gsettings_get(schema, key):
+    if Gio.SettingsSchemaSource.get_default().lookup(schema, True) is not None:
+        setting = Gio.Settings.new(schema)
+        return setting.get_string(key)
+    else:
+        return ""
+
+def gsettings_set(schema, key, value):
+    if Gio.SettingsSchemaSource.get_default().lookup(schema, True) is not None:
+        print ("gsettings setting " + schema + " " + key + " " + value)
+        setting = Gio.Settings.new(schema)
+        setting.set_string(key, value)
+
+def xfconf_get(channel, key):
+    try:
+        command = ["xfconf-query", "-c", channel, "-p", key]
+        output = subprocess.check_output(command, text=True)
+    except Exception as e:
+        print("xfconf-query error: ", e)
+        output = ""
+    return output.rstrip("\n")
+
+def xfconf_set(channel, key, value):
+    try:
+        print ("xfconf-query setting ", channel, key, value)
+        subprocess.run(["xfconf-query", "-c", channel, "-p", key, "-s", value])
+    except Exception as e:
+        print("xfconf-query error: ", e)
+
+def xfconf_reset(channel, key):
+    try:
+        print ("xfconf-query resetting ", channel, key)
+        subprocess.run(["xfconf-query", "-c", channel, "-p", key, "-r"])
+    except Exception as e:
+        print("xfconf-query error: ", e)
+
+def is_current_theme(current_theme_name):
+    if desktop_environment in {"GNOME", "ubuntu:GNOME", "pop", "Pantheon", "Budgie", "Unity"}:
+        return gsettings_get("org.gnome.desktop.interface",
+                                        "gtk-theme") == current_theme_name
+    elif desktop_environment == "Cinnamon":
+        return gsettings_get("org.cinnamon.desktop.interface", "gtk-theme") == current_theme_name
+        #return gsettings_get("org.cinnamon.theme", "name") == current_theme_name
+    elif desktop_environment == "XFCE":
+        return xfconf_get("xsettings", "/Net/ThemeName") == current_theme_name
+    elif desktop_environment == "MATE":
+        return gsettings_get("org.mate.interface", "gtk-theme") == current_theme_name
+
+def set_theme(theme_name):
+    if desktop_environment in {"ubuntu:GNOME", "GNOME", "pop", "Pantheon"}:
+        gsettings_set("org.gnome.desktop.interface", "gtk-theme", theme_name)
+    elif desktop_environment == "Cinnamon":
+        gsettings_set("org.cinnamon.desktop.interface", "gtk-theme", theme_name)
+    elif desktop_environment == "XFCE":
+        xfconf_set("xsettings", "/Net/ThemeName", theme_name)
+        #xfconf_set("xfwm4", "/general/theme", current_theme_name, reload_only)
+    elif desktop_environment == "MATE":
+            gsettings_set("org.mate.interface", "gtk-theme", theme_name)
+    elif desktop_environment == "Budgie":
+        setting = Gio.Settings.new("org.gnome.desktop.interface")
+        current_color_scheme = setting.get_string("color-scheme")
+        gsettings_set("org.gnome.desktop.interface", "gtk-theme", theme_name)
+        time.sleep(1)
+        setting.set_string("color-scheme", current_color_scheme)
+    elif desktop_environment == "Unity":
+        gsettings_set("org.gnome.desktop.interface", "gtk-theme", theme_name)
+        gsettings_set("org.gnome.desktop.wm.preferences", "theme", theme_name)
+
+def update_theme(current_theme_name, new_theme_name):
+    if desktop_environment in {"ubuntu:GNOME", "GNOME", "pop", "Pantheon"}:
+        if gsettings_get("org.gnome.desktop.interface", "gtk-theme") == current_theme_name:
+            if current_theme_name == new_theme_name:
+                gsettings_set("org.gnome.desktop.interface", "gtk-theme", "")
+            gsettings_set("org.gnome.desktop.interface", "gtk-theme", new_theme_name)
+
+    elif desktop_environment == "Cinnamon":
+        def reset_cinnamon_theme():
+            if current_theme_name == new_theme_name:
+                gsettings_set("org.cinnamon.theme", "name", "")
+            gsettings_set("org.cinnamon.theme", "name", new_theme_name)
+            return False
+
+        if gsettings_get("org.cinnamon.desktop.interface", "gtk-theme") == current_theme_name:
+            if current_theme_name == new_theme_name:
+                gsettings_set("org.cinnamon.desktop.interface", "gtk-theme", "")
+            gsettings_set("org.cinnamon.desktop.interface", "gtk-theme", new_theme_name)
+
+            if gsettings_get("org.cinnamon.theme", "name") == current_theme_name:
+                GLib.timeout_add_seconds(1, reset_cinnamon_theme)
+        elif gsettings_get("org.cinnamon.theme", "name") == current_theme_name:
+            reset_cinnamon_theme()
+
+    elif desktop_environment == "XFCE":
+        if xfconf_get("xsettings", "/Net/ThemeName") == current_theme_name:
+            xfconf_reset("xsettings", "/Net/ThemeName")
+            xfconf_set("xsettings", "/Net/ThemeName", new_theme_name)
+        #xfconf_set("xfwm4", "/general/theme", current_theme_name, reload_only)
+
+    elif desktop_environment == "MATE":
+        def set_mate_theme():
+            gsettings_set("org.mate.interface", "gtk-theme", new_theme_name)
+            return False
+            
+        if gsettings_get("org.mate.interface", "gtk-theme") == current_theme_name:
+            gsettings_set("org.mate.interface", "gtk-theme", "")
+            GLib.timeout_add_seconds(1, set_mate_theme)
+
+    elif desktop_environment == "Budgie":
+        if gsettings_get("org.gnome.desktop.interface", "gtk-theme") == current_theme_name:
+            setting = Gio.Settings.new("org.gnome.desktop.interface")
+            current_color_scheme = setting.get_string("color-scheme")
+            if current_theme_name == new_theme_name:
+                gsettings_set("org.gnome.desktop.interface", "gtk-theme", "")
+            gsettings_set("org.gnome.desktop.interface", "gtk-theme", new_theme_name)
+            time.sleep(1)
+            setting.set_string("color-scheme", current_color_scheme)
+            
+    elif desktop_environment == "Unity":
+        if gsettings_get("org.gnome.desktop.interface", "gtk-theme") == current_theme_name:
+            if current_theme_name == new_theme_name:
+                gsettings_set("org.gnome.desktop.interface", "gtk-theme", "")
+                gsettings_set("org.gnome.desktop.wm.preferences", "theme", "")
+            gsettings_set("org.gnome.desktop.interface", "gtk-theme", new_theme_name)
+            gsettings_set("org.gnome.desktop.wm.preferences", "theme", new_theme_name)
+    
+if __name__ == "__main__":
+    Gtk.init()
+
+    win = OptionsWindow(desktop_environment, rename_theme_on_update)
+    win.connect("destroy", Gtk.main_quit)
+    win.show_all()
+    Gtk.main()  
diff --git a/Material/files/Material/xfwm4/bottom-active.png b/Material/files/Material/xfwm4/bottom-active.png
new file mode 100644
index 000000000..ef95f07be
Binary files /dev/null and b/Material/files/Material/xfwm4/bottom-active.png differ
diff --git a/Material/files/Material/xfwm4/bottom-inactive.png b/Material/files/Material/xfwm4/bottom-inactive.png
new file mode 100644
index 000000000..119d234ff
Binary files /dev/null and b/Material/files/Material/xfwm4/bottom-inactive.png differ
diff --git a/Material/files/Material/xfwm4/bottom-left-active.png b/Material/files/Material/xfwm4/bottom-left-active.png
new file mode 100644
index 000000000..d36706bc7
Binary files /dev/null and b/Material/files/Material/xfwm4/bottom-left-active.png differ
diff --git a/Material/files/Material/xfwm4/bottom-left-inactive.png b/Material/files/Material/xfwm4/bottom-left-inactive.png
new file mode 100644
index 000000000..a0e9929a3
Binary files /dev/null and b/Material/files/Material/xfwm4/bottom-left-inactive.png differ
diff --git a/Material/files/Material/xfwm4/bottom-right-active.png b/Material/files/Material/xfwm4/bottom-right-active.png
new file mode 100644
index 000000000..84b02672b
Binary files /dev/null and b/Material/files/Material/xfwm4/bottom-right-active.png differ
diff --git a/Material/files/Material/xfwm4/bottom-right-inactive.png b/Material/files/Material/xfwm4/bottom-right-inactive.png
new file mode 100644
index 000000000..0e1824ef1
Binary files /dev/null and b/Material/files/Material/xfwm4/bottom-right-inactive.png differ
diff --git a/Material/files/Material/xfwm4/close-active.png b/Material/files/Material/xfwm4/close-active.png
new file mode 100644
index 000000000..8b93bb68e
Binary files /dev/null and b/Material/files/Material/xfwm4/close-active.png differ
diff --git a/Material/files/Material/xfwm4/close-inactive.png b/Material/files/Material/xfwm4/close-inactive.png
new file mode 100644
index 000000000..b3ba95527
Binary files /dev/null and b/Material/files/Material/xfwm4/close-inactive.png differ
diff --git a/Material/files/Material/xfwm4/close-prelight.png b/Material/files/Material/xfwm4/close-prelight.png
new file mode 100644
index 000000000..49512ee34
Binary files /dev/null and b/Material/files/Material/xfwm4/close-prelight.png differ
diff --git a/Material/files/Material/xfwm4/close-pressed.png b/Material/files/Material/xfwm4/close-pressed.png
new file mode 100644
index 000000000..d7a18bd2a
Binary files /dev/null and b/Material/files/Material/xfwm4/close-pressed.png differ
diff --git a/Material/files/Material/xfwm4/hide-active.png b/Material/files/Material/xfwm4/hide-active.png
new file mode 100644
index 000000000..b107338b8
Binary files /dev/null and b/Material/files/Material/xfwm4/hide-active.png differ
diff --git a/Material/files/Material/xfwm4/hide-inactive.png b/Material/files/Material/xfwm4/hide-inactive.png
new file mode 100644
index 000000000..7279186b3
Binary files /dev/null and b/Material/files/Material/xfwm4/hide-inactive.png differ
diff --git a/Material/files/Material/xfwm4/hide-prelight.png b/Material/files/Material/xfwm4/hide-prelight.png
new file mode 100644
index 000000000..d82480970
Binary files /dev/null and b/Material/files/Material/xfwm4/hide-prelight.png differ
diff --git a/Material/files/Material/xfwm4/hide-pressed.png b/Material/files/Material/xfwm4/hide-pressed.png
new file mode 100644
index 000000000..d858e7dd9
Binary files /dev/null and b/Material/files/Material/xfwm4/hide-pressed.png differ
diff --git a/Material/files/Material/xfwm4/left-active.png b/Material/files/Material/xfwm4/left-active.png
new file mode 100644
index 000000000..989a0d2b3
Binary files /dev/null and b/Material/files/Material/xfwm4/left-active.png differ
diff --git a/Material/files/Material/xfwm4/left-inactive.png b/Material/files/Material/xfwm4/left-inactive.png
new file mode 100644
index 000000000..5ae56e067
Binary files /dev/null and b/Material/files/Material/xfwm4/left-inactive.png differ
diff --git a/Material/files/Material/xfwm4/maximize-active.png b/Material/files/Material/xfwm4/maximize-active.png
new file mode 100644
index 000000000..2fbfd0b31
Binary files /dev/null and b/Material/files/Material/xfwm4/maximize-active.png differ
diff --git a/Material/files/Material/xfwm4/maximize-inactive.png b/Material/files/Material/xfwm4/maximize-inactive.png
new file mode 100644
index 000000000..b3ba95527
Binary files /dev/null and b/Material/files/Material/xfwm4/maximize-inactive.png differ
diff --git a/Material/files/Material/xfwm4/maximize-prelight.png b/Material/files/Material/xfwm4/maximize-prelight.png
new file mode 100644
index 000000000..b003415bf
Binary files /dev/null and b/Material/files/Material/xfwm4/maximize-prelight.png differ
diff --git a/Material/files/Material/xfwm4/maximize-pressed.png b/Material/files/Material/xfwm4/maximize-pressed.png
new file mode 100644
index 000000000..ac8ec64ea
Binary files /dev/null and b/Material/files/Material/xfwm4/maximize-pressed.png differ
diff --git a/Material/files/Material/xfwm4/maximize-toggled-active.png b/Material/files/Material/xfwm4/maximize-toggled-active.png
new file mode 100644
index 000000000..2450771ed
Binary files /dev/null and b/Material/files/Material/xfwm4/maximize-toggled-active.png differ
diff --git a/Material/files/Material/xfwm4/maximize-toggled-inactive.png b/Material/files/Material/xfwm4/maximize-toggled-inactive.png
new file mode 100644
index 000000000..44b3cb9ea
Binary files /dev/null and b/Material/files/Material/xfwm4/maximize-toggled-inactive.png differ
diff --git a/Material/files/Material/xfwm4/maximize-toggled-prelight.png b/Material/files/Material/xfwm4/maximize-toggled-prelight.png
new file mode 100644
index 000000000..7d85a50c6
Binary files /dev/null and b/Material/files/Material/xfwm4/maximize-toggled-prelight.png differ
diff --git a/Material/files/Material/xfwm4/maximize-toggled-pressed.png b/Material/files/Material/xfwm4/maximize-toggled-pressed.png
new file mode 100644
index 000000000..eace1b00a
Binary files /dev/null and b/Material/files/Material/xfwm4/maximize-toggled-pressed.png differ
diff --git a/Material/files/Material/xfwm4/menu-active.png b/Material/files/Material/xfwm4/menu-active.png
new file mode 100644
index 000000000..049264a78
Binary files /dev/null and b/Material/files/Material/xfwm4/menu-active.png differ
diff --git a/Material/files/Material/xfwm4/menu-inactive.png b/Material/files/Material/xfwm4/menu-inactive.png
new file mode 100644
index 000000000..ca774ce8b
Binary files /dev/null and b/Material/files/Material/xfwm4/menu-inactive.png differ
diff --git a/Material/files/Material/xfwm4/menu-prelight.png b/Material/files/Material/xfwm4/menu-prelight.png
new file mode 100644
index 000000000..f8634c1a9
Binary files /dev/null and b/Material/files/Material/xfwm4/menu-prelight.png differ
diff --git a/Material/files/Material/xfwm4/menu-pressed.png b/Material/files/Material/xfwm4/menu-pressed.png
new file mode 100644
index 000000000..a71c674d3
Binary files /dev/null and b/Material/files/Material/xfwm4/menu-pressed.png differ
diff --git a/Material/files/Material/xfwm4/right-active.png b/Material/files/Material/xfwm4/right-active.png
new file mode 100644
index 000000000..989a0d2b3
Binary files /dev/null and b/Material/files/Material/xfwm4/right-active.png differ
diff --git a/Material/files/Material/xfwm4/right-inactive.png b/Material/files/Material/xfwm4/right-inactive.png
new file mode 100644
index 000000000..5ae56e067
Binary files /dev/null and b/Material/files/Material/xfwm4/right-inactive.png differ
diff --git a/Material/files/Material/xfwm4/shade-active.png b/Material/files/Material/xfwm4/shade-active.png
new file mode 100644
index 000000000..f30353d89
Binary files /dev/null and b/Material/files/Material/xfwm4/shade-active.png differ
diff --git a/Material/files/Material/xfwm4/shade-inactive.png b/Material/files/Material/xfwm4/shade-inactive.png
new file mode 100644
index 000000000..4e2671661
Binary files /dev/null and b/Material/files/Material/xfwm4/shade-inactive.png differ
diff --git a/Material/files/Material/xfwm4/shade-prelight.png b/Material/files/Material/xfwm4/shade-prelight.png
new file mode 100644
index 000000000..52b29f550
Binary files /dev/null and b/Material/files/Material/xfwm4/shade-prelight.png differ
diff --git a/Material/files/Material/xfwm4/shade-pressed.png b/Material/files/Material/xfwm4/shade-pressed.png
new file mode 100644
index 000000000..49892d1c9
Binary files /dev/null and b/Material/files/Material/xfwm4/shade-pressed.png differ
diff --git a/Material/files/Material/xfwm4/shade-toggled-active.png b/Material/files/Material/xfwm4/shade-toggled-active.png
new file mode 100644
index 000000000..049264a78
Binary files /dev/null and b/Material/files/Material/xfwm4/shade-toggled-active.png differ
diff --git a/Material/files/Material/xfwm4/shade-toggled-inactive.png b/Material/files/Material/xfwm4/shade-toggled-inactive.png
new file mode 100644
index 000000000..ca774ce8b
Binary files /dev/null and b/Material/files/Material/xfwm4/shade-toggled-inactive.png differ
diff --git a/Material/files/Material/xfwm4/shade-toggled-prelight.png b/Material/files/Material/xfwm4/shade-toggled-prelight.png
new file mode 100644
index 000000000..f8634c1a9
Binary files /dev/null and b/Material/files/Material/xfwm4/shade-toggled-prelight.png differ
diff --git a/Material/files/Material/xfwm4/shade-toggled-pressed.png b/Material/files/Material/xfwm4/shade-toggled-pressed.png
new file mode 100644
index 000000000..a71c674d3
Binary files /dev/null and b/Material/files/Material/xfwm4/shade-toggled-pressed.png differ
diff --git a/Material/files/Material/xfwm4/stick-active.png b/Material/files/Material/xfwm4/stick-active.png
new file mode 100644
index 000000000..f30353d89
Binary files /dev/null and b/Material/files/Material/xfwm4/stick-active.png differ
diff --git a/Material/files/Material/xfwm4/stick-inactive.png b/Material/files/Material/xfwm4/stick-inactive.png
new file mode 100644
index 000000000..4e2671661
Binary files /dev/null and b/Material/files/Material/xfwm4/stick-inactive.png differ
diff --git a/Material/files/Material/xfwm4/stick-prelight.png b/Material/files/Material/xfwm4/stick-prelight.png
new file mode 100644
index 000000000..52b29f550
Binary files /dev/null and b/Material/files/Material/xfwm4/stick-prelight.png differ
diff --git a/Material/files/Material/xfwm4/stick-pressed.png b/Material/files/Material/xfwm4/stick-pressed.png
new file mode 100644
index 000000000..49892d1c9
Binary files /dev/null and b/Material/files/Material/xfwm4/stick-pressed.png differ
diff --git a/Material/files/Material/xfwm4/stick-toggled-active.png b/Material/files/Material/xfwm4/stick-toggled-active.png
new file mode 100644
index 000000000..74cd7b111
Binary files /dev/null and b/Material/files/Material/xfwm4/stick-toggled-active.png differ
diff --git a/Material/files/Material/xfwm4/stick-toggled-inactive.png b/Material/files/Material/xfwm4/stick-toggled-inactive.png
new file mode 100644
index 000000000..8d3951565
Binary files /dev/null and b/Material/files/Material/xfwm4/stick-toggled-inactive.png differ
diff --git a/Material/files/Material/xfwm4/stick-toggled-prelight.png b/Material/files/Material/xfwm4/stick-toggled-prelight.png
new file mode 100644
index 000000000..cac6322a6
Binary files /dev/null and b/Material/files/Material/xfwm4/stick-toggled-prelight.png differ
diff --git a/Material/files/Material/xfwm4/stick-toggled-pressed.png b/Material/files/Material/xfwm4/stick-toggled-pressed.png
new file mode 100644
index 000000000..1f09c23fa
Binary files /dev/null and b/Material/files/Material/xfwm4/stick-toggled-pressed.png differ
diff --git a/Material/files/Material/xfwm4/themerc b/Material/files/Material/xfwm4/themerc
new file mode 100644
index 000000000..126405dd1
--- /dev/null
+++ b/Material/files/Material/xfwm4/themerc
@@ -0,0 +1,23 @@
+button_offset=7
+button_spacing=-7
+
+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/Material/files/Material/xfwm4/title-1-active.png b/Material/files/Material/xfwm4/title-1-active.png
new file mode 100644
index 000000000..b2ca750b8
Binary files /dev/null and b/Material/files/Material/xfwm4/title-1-active.png differ
diff --git a/Material/files/Material/xfwm4/title-1-inactive.png b/Material/files/Material/xfwm4/title-1-inactive.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/xfwm4/title-1-inactive.png differ
diff --git a/Material/files/Material/xfwm4/title-2-active.png b/Material/files/Material/xfwm4/title-2-active.png
new file mode 100644
index 000000000..b2ca750b8
Binary files /dev/null and b/Material/files/Material/xfwm4/title-2-active.png differ
diff --git a/Material/files/Material/xfwm4/title-2-inactive.png b/Material/files/Material/xfwm4/title-2-inactive.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/xfwm4/title-2-inactive.png differ
diff --git a/Material/files/Material/xfwm4/title-3-active.png b/Material/files/Material/xfwm4/title-3-active.png
new file mode 100644
index 000000000..b2ca750b8
Binary files /dev/null and b/Material/files/Material/xfwm4/title-3-active.png differ
diff --git a/Material/files/Material/xfwm4/title-3-inactive.png b/Material/files/Material/xfwm4/title-3-inactive.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/xfwm4/title-3-inactive.png differ
diff --git a/Material/files/Material/xfwm4/title-4-active.png b/Material/files/Material/xfwm4/title-4-active.png
new file mode 100644
index 000000000..b2ca750b8
Binary files /dev/null and b/Material/files/Material/xfwm4/title-4-active.png differ
diff --git a/Material/files/Material/xfwm4/title-4-inactive.png b/Material/files/Material/xfwm4/title-4-inactive.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/xfwm4/title-4-inactive.png differ
diff --git a/Material/files/Material/xfwm4/title-5-active.png b/Material/files/Material/xfwm4/title-5-active.png
new file mode 100644
index 000000000..b2ca750b8
Binary files /dev/null and b/Material/files/Material/xfwm4/title-5-active.png differ
diff --git a/Material/files/Material/xfwm4/title-5-inactive.png b/Material/files/Material/xfwm4/title-5-inactive.png
new file mode 100644
index 000000000..11e14f216
Binary files /dev/null and b/Material/files/Material/xfwm4/title-5-inactive.png differ
diff --git a/Material/files/Material/xfwm4/top-left-active.png b/Material/files/Material/xfwm4/top-left-active.png
new file mode 100644
index 000000000..3d3279227
Binary files /dev/null and b/Material/files/Material/xfwm4/top-left-active.png differ
diff --git a/Material/files/Material/xfwm4/top-left-inactive.png b/Material/files/Material/xfwm4/top-left-inactive.png
new file mode 100644
index 000000000..2dadcf3e8
Binary files /dev/null and b/Material/files/Material/xfwm4/top-left-inactive.png differ
diff --git a/Material/files/Material/xfwm4/top-right-active.png b/Material/files/Material/xfwm4/top-right-active.png
new file mode 100644
index 000000000..bb43da9d4
Binary files /dev/null and b/Material/files/Material/xfwm4/top-right-active.png differ
diff --git a/Material/files/Material/xfwm4/top-right-inactive.png b/Material/files/Material/xfwm4/top-right-inactive.png
new file mode 100644
index 000000000..d7e044571
Binary files /dev/null and b/Material/files/Material/xfwm4/top-right-inactive.png differ
diff --git a/Material/info.json b/Material/info.json
new file mode 100644
index 000000000..ab32de9c4
--- /dev/null
+++ b/Material/info.json
@@ -0,0 +1,6 @@
+{
+	"author": "fredcw",
+	"name": "Material", 
+	"description": "A configurable dark theme. Run options.py in theme folder for options. Cinnamon, gtk2, gtk3, and gtk4 supported.",
+	"license": "GPLv3"
+}